/* Minification failed. Returning unminified contents.
(8857,1): run-time error CSS1019: Unexpected token, found '}'
(9921,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9938,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9955,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(13833,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*
 * HTML5 Boilerplate reset
 * @url http://html5boilerplate.com/
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*body {
    font: 13px/1.231 sans-serif;
    font-size: small;
}*/

select, input, textarea, button {
    font: 99% sans-serif;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

body, select, input, textarea {
    color: #444;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

html {
    overflow-y: scroll;
}

a:hover, a:active, a:focus {
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
}

a, a:active {
    color: #000;
}

    a:hover {
        /*color: #036;*/
    }

ul, ol {
    margin-right: 1.8em;
}

ol {
    list-style-type: decimal;
}

nav ul, nav li {
    margin: 0;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

textarea {
    overflow: auto;
}

.ie6 legend, .ie7 legend {
    margin-right: -7px;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

label, input[type=button], input[type=submit], button {
    cursor: pointer;
}

button, input, select, textarea {
    margin: 0;
}

    input:valid, textarea:valid {
    }

    input:invalid, textarea:invalid {
        border-radius: 1px;
        -moz-box-shadow: 0 0px 5px red;
        -webkit-box-shadow: 0 0px 5px red;
        box-shadow: 0 0px 5px red;
    }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd;
}

button {
    width: auto;
    overflow: visible;
}

input#kycfile {
    color: #fff !important;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
    header, footer{
        width: 100%;
    }
    .header.container .nav-item.login-form input[type="text"], .header.container .nav-item.login-form input[type="password"] {
        height: 25px;
    }
    .header.container .logo img {
        max-width: 90%;
    }
    .start-steps div > div {
        padding-right: 40px;
    }
    
}
@-moz-document url-prefix() {
    /*Firefox Only*/
    header, footer{
        width: 100%;
    }
}

select {
    -webkit-appearance:none;
}
h1 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #ffb400;
    display: block;
    font-size: 36px;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: 600;
}

h2 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    display: block;
    font-size: 32px;
    /* margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px; */
    font-weight: 400;
	line-height: 2em;
}

h3 {
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
	line-height: 2em;
}

h4 {
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
	line-height: 2em;
}

/* Sergiu - p style */

p {
    font-family: Source Sans Pro;
    /*display: block;
    margin-block-start: 1em;*/
    margin-block-end: 10px;
   /* margin-inline-start: 0px;
    margin-inline-end: 0px;*/
}

/* Sergiu -> Header 

.fa, .fas {
    display: none !important;
    font-weight: 600;
}
*/



/* Sergiu - P-Paragraphs */

p {
    font-size: 16px;
    font-family: Source Sans Pro;
}

a {
    /*font-size: 16px;*/
}

/* SB Casino Game rules P heading style */

p.heading  { 

    font-size: 28px;
    font-family: 'Oswald', sans-serif;
}
/* Sergiu - Accordion and Tabs  QUICKLINKS */

/* Style the tab */
.tab-faq, .tab-faqro, .tab-faqen, .tab-tocro, .tab-tocen, .tabsbrro, tabsbren, .tab-rgro, .tab-rgen, .tab-ckro, .tab-cken, .tab-ppro, .tab-ppen {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Style the buttons inside the tab */
.tab-faq button, .tab-faqro button, .tab-faqen button, .tab-tocro button, .tab-tocen button, .tabsbrro button, .tabsbren button, .tab-rgro button, .tab-rgen button, .tab-ckro button, .tab-cken button, .tab-ppro button, .tab-ppen button {
	margin-bottom: 0.2em;
	vertical-align: top;
	background: #4a6def;
	border: none;
	padding: 10px 15px;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 100%;
	position: relative;
	cursor: pointer;
	outline: none;
    text-transform: uppercase;
}

	/* Change background color of buttons on hover */
	.tab-faq button:hover, .tab-faqro button:hover, .tab-faqen button:hover, .tab-tocro button:hover, .tab-tocen button:hover, .tabsbrro button:hover, .tabsbren button:hover, .tab-rgro button:hover, .tab-rgen button:hover, .tab-ckro button:hover, .tab-cken button:hover, .tab-ppro button:hover, .tab-ppen button:hover {
		opacity: .9;
	}

	/* Create an active/current tablink class */
	.tab-faq button.active, .tab-faqro button.active, .tab-faqen button.active, .tab-tocro button.active, .tab-tocen button.active, .tabsbrro button.active, .tabsbren button.active, .tab-rgro button.active, .tab-rgen button.active, .tab-ckro button.active, .tab-cken button.active, .tab-ppro button.active, .tab-ppen button.active {
		color: #ffb400;
		background-color: #4a6def;
	}

/* Style the tab content */
.tabcontentfaq, .tabcontentfaqro, .tabcontentfaqen, .tabcontenttocro, .tabcontenttocen, .tabcontentsbrro, .tabcontentsbren, .tabcontentrgro, .tabcontentrgen, .tabcontentckro, .tabcontentcken, .tabcontentppro, .tabcontentppen {
    display: none;
    padding-top: 15px;
    width: 100%;
}

/* Accordion */
.accordionfaq, .accordionfaqro, .accordionfaqen, .accordiontocro, .accordiontocen, .accordionsbrro, .accordionsbren, .accordionrgro, .accordionrgen, .accordionckro, .accordioncken, .accordionppro, .accordionppen {
    background-color: #4a6def;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    margin-top: 10px;
    width: 100%;
    border: none;
    text-align: left;
    text-transform: uppercase;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
}


/*.active,*/ .accordionfaq:hover, .accordionfaqro:hover, .accordionfaqen:hover, .accordiontocro:hover, .accordiontocqen:hover, .accordionsbrro:hover, .accordionsbren:hover, .accordionrgro:hover, .accordionrgen:hover, .accordionckro:hover, .accordioncken:hover, .accordionppro:hover, .accordionppen:hover {
    background-color: #4a6def;
    color: #fff;
}


.panelfaq, .panelfaqro, .panelfaqen, .paneltocro, .paneltocen, .panelsbrro, .panelsbren, .panelrgro, .panelrgen, .panelckro, .panelcken, .panelppro, .panelppen {
    padding: 0px;
    display: none;
    color: #fff;
    background-color: #2c418f;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
    padding: 15px;
    border: 1px solid #4a6def;
    border-top: 0px;
    transition: max-height 0.2s ease-out;
}

/* SB - Loged in for 60min - style */

.modal-body span {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
    line-height: 30px;
}

.modal-header .fa {
    color: #fff;
    font-size: 20px;
    display: block;
    margin: 0 auto;
}

/* SB - Loged in for 60min - style */

body {
    /*background-image: url(../../img/page-bg-desktop-2.jpg);*/
    background-repeat: repeat-y;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: rgb(10, 20, 57);
    background-image: url('../../img/page-bg-desktop.jpg');
    background-position: top center;
    background-size: 100%;
    margin: 0 auto;
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

a {
    color: #fff;
    text-decoration: underline;
}

.error-msg {
    color: #fff;
}
/*
a:hover, a:focus {
    color: #ffae00;
}
*/
img {
    object-fit: cover;
}

input {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}
/*Whole Page Holder*/

.page-container {
    max-width: 1280px;
    margin: 0 auto;
}

.page-margins {
    padding-left: 55px;
    padding-right: 55px;
    min-height: 550px;
}
/*Header*/

header.top-header {
    box-shadow: 0px 0px 40px black;
    border-bottom: 3px solid #2b509b;
    background-color: #274580;
    font-family: 'Oswald', sans-serif;
}

.header.container {
    display: flex;
    height: 77px;
    background-color: #274580;
    align-items: center;
    /*border-bottom: 3px solid #2b509b;*/
    max-width: 1330px;
    margin: 0 auto;
}

.header .logo {
    padding-right: 10px;
    padding-left: 10px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    margin-right: 10px;
}

    .header .logo img {
        /*opacity: 0;*/
        max-width: 180px;
    }

.header.container .nav-item {
    font-size: 12px;
    font-weight: 400;
    /*bold;*/
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid #3c58a4;
    border-right: 1px solid #1e2f58;
    width: 109px;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    height: 74px;
    width: -moz-available;
    width: -webkit-fill-available;
}

.nav-item a {
    align-items: center;
    justify-content: center;
    flex-direction: column; /*row;*/
    display: flex; /*inline-block;*/
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
}

    .nav-item a:hover {
        opacity: .7;
    }

.header.container .nav-item img {
    height: 30px;
    margin-bottom: 9px;
}

.header.container .nav-item.login-form {
    width: auto;
    padding-left: 17px;
    padding-right: 17px;
    /*min-width: 503px;*/
}

.header.container .nav-item.loggedin-deposit {
    width: auto;
    padding-left: 17px;
    padding-right: 17px;
    align-items: center;
    /*display: flex;*/
    justify-content: space-between;
    flex-direction: row;
}

.loggedin-deposit .currency-balance {
    font-weight: bold;
    font-weight: 400;
    /*bold;*/
    font-size: 21.9px;
    color: #ffb200;
}

.loggedin-deposit .info-dropdown {
    width: 68px;
    background: #1b305a;
    overflow: hidden;
    line-height: 74px;
    background-image: url(../../img/assets/svg/baumbet_profile_account.svg);
    background-size: 24px;
    background-position: center left;
    background-repeat: no-repeat;
    border-left: 10px solid #1b305a;
    margin-right: 10px;
    text-align: right;
    padding-right: 10px;
    cursor: pointer;
}

.header.container .nav-item .arrow-face {
    margin: 0px;
    height: 12px;
    width: 15px;
    line-height: 100%;
    position: relative;
    top: 3px;
}

    .header.container .nav-item .arrow-face.open {
        transform: rotate(180deg);
    }
/*placeholder form color*/

::placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
.header.container .nav-item.login-form input::placeholder {
    color: #4f73b9;
}

::placeholder {
    color: #4f73b9;
}

.header.container .nav-item.login-form input[type="text"],
.header.container .nav-item.login-form input[type="password"] {
    font-size: 14px;
    color: #4f73b9;
    font-weight: 400;
    background-color: #152950;
    border: none;
    border-right: 1px solid #36599e;
    border-bottom: 1px solid #36599e;
    text-indent: 10px;
    line-height: 25px;
}

.login-form form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.login-form .extra {
    font-size: 12px;
    color: #fff;
    text-transform: initial;
    display: flex;
    position: relative;
    top: 5px;
    text-align: left;
}

    .login-form .extra a {
        margin-left: 10px;
        width: 50%;
        text-align: left;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 12px;
    }

.regular-checkbox {
    top: 2px;
    -webkit-appearance: none;
    background-color: #152950;
    border: 1px solid #36599e;
    padding: 5px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
}

    .regular-checkbox:active,
    .regular-checkbox:checked:active {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
    }

    .regular-checkbox:checked {
        background-color: #36599e;
        border: 1px solid #36599e;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }

        .regular-checkbox:checked:after {
            content: '\2714';
            font-size: 10px;
            position: absolute;
            top: 0px;
            left: 1px;
            color: #ffffff;
        }

.login-form .extra span {
    /*margin-right: 45px;*/
    width: 50%;
}

.nav-item .buttons {
    display: flex;
    white-space: nowrap;
}

        .nav-item .buttons a:first-of-type {
            background-color: #4a6def;
            padding-left: 14px;
            padding-right: 14px;
            color: #fff;
            margin-left: 6px;
        }

        .nav-item .buttons a:last-of-type {
            background-color: #ffb400;
            padding-left: 14px;
            margin-left: 6px;
            padding-right: 14px;
            color: #152950;
        }

        .nav-item .buttons span.btn-deposit {
            background-color: #4a6def;
            padding: 10px 15px 10px 15px;
            color: #fff;
            margin-left: 14px;
            font-size: 16px;
        }
span.btn-deposit:hover {
    cursor: pointer;
}

.button-deposit {
    display: none;
}

.button-deposit span.btn-deposit {
    background-color: #4a6def;
    padding: 10px 15px 10px 15px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    width: 120px;
    text-align: center !important;
    display: block;
    margin: 15px 0 0 0;
}

.button-deposit a.btn-deposit {
    background-color: #4a6def;
    padding: 10px 15px 10px 15px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    width: 120px;
    text-align: center !important;
    display: block;
    margin: 15px 0 0 0;
}

header .header.container .nav-item.language {
    width: auto;
    padding-left: 7px;
    padding: 7px;
    border-right-color: transparent;
}

    header .header.container .nav-item.language select {
        font-size: 9px;
        width: 60px;
        line-height: 30px;
        display: block;
        color: #4f73b9;
        font-weight: 400;
        background-color: #152950;
        border: none;
        border-right: 1px solid #36599e;
        border-bottom: 1px solid #36599e;
    }

    header .header.container .nav-item.language select {
        display: none;
    }

    header .header.container .nav-item.language img {
        margin: 0px;
        display: block;
        cursor: pointer;
        height: auto;
    }

.language-selection-items {
    position: absolute;
    top: 52px;
    z-index: 999999;
    right: 4px;
    background: #112953;
    border: 1px solid #214484;
    display: none;
    /* overflow: auto; 
	height: 180px; */
}

    .language-selection-items .scroll-container {
        width: 90px;
        position: relative;
    }

    .language-selection-items .select-lang {
        padding: 5px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: flex;
        text-decoration: none;
        font-size: 12px;
        cursor: pointer;
        font-weight: bold;
        font-weight: 400;
        /*bold;*/
        color: #fff;
        text-transform: uppercase;
    }

        .language-selection-items .select-lang:hover {
            background-color: rgba(0, 0, 0, 0.42);
        }

.container.lang {
    max-width: 1330px;
    position: relative;
    margin: 0 auto;
}

span.selected-lang img {
    position: relative;
    top: -32px;
    left: -13px;
    height: 32px !important;
}

span.selected-lang {
    height: 0px;
}

.select-lang img {
    max-height: 32px;
}

.header-slider .slide-one {
    background-image: url(../img/assets/slider/slider-bg.png);
    overflow: hidden;
    height: 474px;
    background-position: top -10px left -320px;
}

#tns1-ow .tns-ovh {
    max-width: 1330px;
    margin: 0 auto;
}

div#tns1-ow {
    margin: 0 auto;
    background-color: black;
    background-image: url(../img/page-bg-min.png);
    background-position: top -57px left 0px;
    background-size: cover;
}

.slider-holder {
    background-color: black;
}

.header-slider .slide-one img {
    width: 922px;
}

.header-slider .slide-one > * {
    display: inline-block;
    vertical-align: top;
}

.hN-slider-one {
    font-family: 'Oswald', sans-serif;
    font-size: 68px;
    color: #fff;
    line-height: 56px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 400;
}

.slider-arrows {
    height: 0;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

    .slider-arrows div img {
        cursor: pointer;
    }

    .slider-arrows div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        top: -90px;
        z-index: 99999;
    }

/* Main carousel */

.carousel-wrapper {
    background-color: #000000;
    display: none;
}

.carousel-container {
    height: 475px;
    position: relative;
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
}

.slider .carousel-item {
    height: 338px;
}

.carousel-item {
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 28px 50px;
    /* opacity:0; */
    transition: all 0.5s ease-in-out;
    background-size: contain;
}

.arrow {
    width: 60px;
    height: 100px;
    display: inline-block;
    padding: 0;
    transition: all 0.5s ease-in-out;
}

    .arrow:hover {
        transform: translateY(-60%);
    }

.arrow-prev {
    background: transparent url(../img/assets/slider/left-arrow.png);
    left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-next {
    background: transparent url(../img/assets/slider/right-arrow.png);
    right: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-item aside {
    right: 160px;
    position: absolute;
    display: none;
}

/* -------------------------------------------------------- slider */
.slider {
    overflow: hidden;
    position: relative;
}

    .slider input {
        display: none;
    }

    .slider label {
        cursor: pointer;
    }
    /* -------------------------------------------------------- slide */
    .slider > ul {
        margin: 0;
        padding: 0;
        height: 100%;
        z-index: 100;
    }

        .slider > ul > li {
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            z-index: 1;
            -webkit-transition: all 1000ms ease;
            -moz-transition: all 1000ms ease;
            -ms-transition: all 1000ms ease;
            -o-transition: all 1000ms ease;
            transition: all 1000ms ease;
        }

    .slider > #input-slide-0:checked ~ ul > li.slide-0,
    .slider > #input-slide-1:checked ~ ul > li.slide-1,
    .slider > #input-slide-2:checked ~ ul > li.slide-2,
    .slider > #input-slide-3:checked ~ ul > li.slide-3 {
        opacity: 1;
        z-index: 2;
    }

    .slider > ul > li.slide-0 {
        background-color: #00DBF9;
    }

    .slider > ul > li.slide-1 {
        background-color: #47D7ED;
    }

    .slider > ul > li.slide-2 {
        background-color: #0093E9;
    }

    .slider > ul > li.slide-3 {
        background-color: #0073B6;
    }
    /* -------------------------------------------------------- arrow */
    .slider > .slider-arrow-prev,
    .slider > .slider-arrow-next {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 300;
        width: 100%;
        display: none;
    }

        .slider > .slider-arrow-prev > label,
        .slider > .slider-arrow-next > label {
            position: absolute;
            width: 60px;
            height: 100px;
            margin-top: -50px;
            opacity: .3;
            background-size: 100% auto;
            background-position: center;
            z-index: -1;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    .slider > #input-slide-0:checked ~ .slider-arrow-prev > label.slide-3,
    .slider > #input-slide-0:checked ~ .slider-arrow-next > label.slide-1,
    .slider > #input-slide-1:checked ~ .slider-arrow-prev > label.slide-0,
    .slider > #input-slide-1:checked ~ .slider-arrow-next > label.slide-2,
    .slider > #input-slide-2:checked ~ .slider-arrow-prev > label.slide-1,
    .slider > #input-slide-2:checked ~ .slider-arrow-next > label.slide-3,
    .slider > #input-slide-3:checked ~ .slider-arrow-prev > label.slide-2,
    .slider > #input-slide-3:checked ~ .slider-arrow-next > label.slide-0 {
        z-index: 1;
    }

    .slider:hover > .slider-arrow-prev > label,
    .slider:hover > .slider-arrow-next > label {
        opacity: 1;
    }

    .slider > .slider-arrow-prev > label {
        left: 30px;
        background-image: url(../../img/assets/slider/left-arrow.png);
    }

    .slider > .slider-arrow-next > label {
        right: 30px;
        background-image: url(../../img/assets/slider/right-arrow.png);
    }
    /* -------------------------------------------------------- dot */
    .slider > .slider-dot {
        position: relative;
        margin-top: -21px;
        text-align: center;
        z-index: 300;
        font-size: 0;
        display: block;
        opacity: 0.4;
    }

    .slider > .slider-dot:hover {
        opacity: 1;
    }

        .slider > .slider-dot > label {
            position: relative;
            display: inline-block;
            margin: 5px;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background-color: #FFF;
        }

    .slider > #input-slide-0:checked ~ .slider-dot > label.slide-0,
    .slider > #input-slide-1:checked ~ .slider-dot > label.slide-1,
    .slider > #input-slide-2:checked ~ .slider-dot > label.slide-2,
    .slider > #input-slide-3:checked ~ .slider-dot > label.slide-3 {
        background-color: #FD7FE3;
    }

    .slider > .slider-dot > label:hover {
        background-color: #7E6DE0 !important;
    }
    /* -------------------------------------------------------- description */
    .slider > .slide-description {
        position: relative;
        width: 100%;
        height: 338px;
        z-index: 200;
        max-width: 1330px;
        margin: 0 auto;
    }

        .slider > .slide-description > label {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            cursor: default;
            z-index: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.75s ease;
            -moz-transition: all 0.75s ease;
            -ms-transition: all 0.75s ease;
            -o-transition: all 0.75s ease;
            transition: all 0.75s ease;
        }

    .slider > #input-slide-0:checked ~ .slide-description > .slide-0,
    .slider > #input-slide-1:checked ~ .slide-description > .slide-1,
    .slider > #input-slide-2:checked ~ .slide-description > .slide-2,
    .slider > #input-slide-3:checked ~ .slide-description > .slide-3 {
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }

    .slider > .slide-description > label > .text-slide {
        margin: 0 auto;
        line-height: 6vw;
        text-align: center;
    }

    .slider > .slide-description > .slide-0 {
        /*font-family: 'Raleway', sans-serif;*/
    }

    .slider > .slide-description > .slide-1 {
        /*font-family: 'Poiret One', cursive;*/
    }

    .slider > .slide-description > .slide-2 {
        /*font-family: 'Monoton', cursive;*/
    }

    .slider > .slide-description > .slide-3 {
        /*font-family: 'Audiowide', cursive;*/
    }
/* -------------------------------------------------------- autoplay */

/* -------------------------------------------------------- autoplay slide */
@-webkit-keyframes slide {
    0%, 100% {
        opacity: 0;
    }

    6%, 25% {
        opacity: 1;
        z-index: 2;
    }

    30%, 50% {
        opacity: 0;
        z-index: 2;
    }
}

@-moz-keyframes slide {
    0%, 100% {
        opacity: 0;
    }

    6%, 24% {
        opacity: 1;
        z-index: 2;
    }

    30%, 50% {
        opacity: 0;
        z-index: 2;
    }
}

@-ms-keyframes slide {
    0%, 100% {
        opacity: 0;
    }

    6%, 25% {
        opacity: 1;
        z-index: 2;
    }

    30%, 50% {
        opacity: 0;
        z-index: 2;
    }
}

@-o-keyframes slide {
    0%, 100% {
        opacity: 0;
    }

    6%, 25% {
        opacity: 1;
        z-index: 2;
    }

    30%, 50% {
        opacity: 0;
        z-index: 2;
    }
}

@keyframes slide {
    0%, 100% {
        opacity: 0;
    }

    6%, 25% {
        opacity: 1;
        z-index: 2;
    }

    30%, 50% {
        opacity: 0;
        z-index: 2;
    }
}

.slider > #input-slide-autoplay:checked ~ ul > li.slide-0 {
    -webkit-animation: slide 16000ms infinite -1000ms linear;
    -moz-animation: slide 16000ms infinite -1000ms linear;
    -ms-animation: slide 16000ms infinite -1000ms linear;
    -o-animation: slide 16000ms infinite -1000ms linear;
    animation: slide 16000ms infinite -1000ms linear;
}

.slider > #input-slide-autoplay:checked ~ ul > li.slide-1 {
    -webkit-animation: slide 16000ms infinite 3000ms linear;
    -moz-animation: slide 16000ms infinite 3000ms linear;
    -ms-animation: slide 16000ms infinite 3000ms linear;
    -o-animation: slide 16000ms infinite 3000ms linear;
    animation: slide 16000ms infinite 3000ms linear;
}

.slider > #input-slide-autoplay:checked ~ ul > li.slide-2 {
    -webkit-animation: slide 16000ms infinite 7000ms linear;
    -moz-animation: slide 16000ms infinite 7000ms linear;
    -ms-animation: slide 16000ms infinite 7000ms linear;
    -o-animation: slide 16000ms infinite 7000ms linear;
    animation: slide 16000ms infinite 7000ms linear;
}

.slider > #input-slide-autoplay:checked ~ ul > li.slide-3 {
    -webkit-animation: slide 16000ms infinite 11000ms linear;
    -moz-animation: slide 16000ms infinite 11000ms linear;
    -ms-animation: slide 16000ms infinite 11000ms linear;
    -o-animation: slide 16000ms infinite 11000ms linear;
    animation: slide 16000ms infinite 11000ms linear;
}

.slider > #input-slide-autoplay:checked ~ ul > li {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
/* -------------------------------------------------------- autoplay arrow */
@-webkit-keyframes arrow {
    0%, 24% {
        z-index: 1;
    }

    25%, 100% {
        z-index: -1;
    }
}

@-moz-keyframes arrow {
    0%, 24% {
        z-index: 1;
    }

    25%, 100% {
        z-index: -1;
    }
}

@-ms-keyframes arrow {
    0%, 24% {
        z-index: 1;
    }

    25%, 100% {
        z-index: -1;
    }
}

@-o-keyframes arrow {
    0%, 24% {
        z-index: 1;
    }

    25%, 100% {
        z-index: -1;
    }
}

@keyframes arrow {
    0%, 24% {
        z-index: 1;
    }

    25%, 100% {
        z-index: -1;
    }
}

.slider > #input-slide-autoplay:checked ~ .slider-arrow-prev > label.slide-3,
.slider > #input-slide-autoplay:checked ~ .slider-arrow-next > label.slide-1 {
    -webkit-animation: arrow 16000ms infinite -1000ms;
    -moz-animation: arrow 16000ms infinite -1000ms;
    -ms-animation: arrow 16000ms infinite -1000ms;
    -o-animation: arrow 16000ms infinite -1000ms;
    animation: arrow 16000ms infinite -1000ms;
}

.slider > #input-slide-autoplay:checked ~ .slider-arrow-prev > label.slide-0,
.slider > #input-slide-autoplay:checked ~ .slider-arrow-next > label.slide-2 {
    -webkit-animation: arrow 16000ms infinite 3000ms;
    -moz-animation: arrow 16000ms infinite 3000ms;
    -ms-animation: arrow 16000ms infinite 3000ms;
    -o-animation: arrow 16000ms infinite 3000ms;
    animation: arrow 16000ms infinite 3000ms;
}

.slider > #input-slide-autoplay:checked ~ .slider-arrow-prev > label.slide-1,
.slider > #input-slide-autoplay:checked ~ .slider-arrow-next > label.slide-3 {
    -webkit-animation: arrow 16000ms infinite 7000ms;
    -moz-animation: arrow 16000ms infinite 7000ms;
    -ms-animation: arrow 16000ms infinite 7000ms;
    -o-animation: arrow 16000ms infinite 7000ms;
    animation: arrow 16000ms infinite 7000ms;
}

.slider > #input-slide-autoplay:checked ~ .slider-arrow-prev > label.slide-2,
.slider > #input-slide-autoplay:checked ~ .slider-arrow-next > label.slide-0 {
    -webkit-animation: arrow 16000ms infinite 11000ms;
    -moz-animation: arrow 16000ms infinite 11000ms;
    -ms-animation: arrow 16000ms infinite 11000ms;
    -o-animation: arrow 16000ms infinite 11000ms;
    animation: arrow 16000ms infinite 11000ms;
}
/* -------------------------------------------------------- autoplay dot */
@-webkit-keyframes dot {
    0%, 24% {
        background-color: #FD7FE3;
    }

    25%, 100% {
        background: #FFF;
    }
}

@-moz-keyframes dot {
    0%, 24% {
        background-color: #FD7FE3;
    }

    25%, 100% {
        background: #FFF;
    }
}

@-ms-keyframes dot {
    0%, 24% {
        background-color: #FD7FE3;
    }

    25%, 100% {
        background: #FFF;
    }
}

@-o-keyframes dot {
    0%, 24% {
        background-color: #FD7FE3;
    }

    25%, 100% {
        background: #FFF;
    }
}

@keyframes dot {
    0%, 24% {
        background-color: #FD7FE3;
    }

    25%, 100% {
        background: #FFF;
    }
}

.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-0 {
    -webkit-animation: dot 16000ms infinite -1000ms;
    -moz-animation: dot 16000ms infinite -1000ms;
    -ms-animation: dot 16000ms infinite -1000ms;
    -o-animation: dot 16000ms infinite -1000ms;
    animation: dot 16000ms infinite -1000ms;
}

.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-1 {
    -webkit-animation: dot 16000ms infinite 3000ms;
    -moz-animation: dot 16000ms infinite 3000ms;
    -ms-animation: dot 16000ms infinite 3000ms;
    -o-animation: dot 16000ms infinite 3000ms;
    animation: dot 16000ms infinite 3000ms;
}

.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-2 {
    -webkit-animation: dot 16000ms infinite 7000ms;
    -moz-animation: dot 16000ms infinite 7000ms;
    -ms-animation: dot 16000ms infinite 7000ms;
    -o-animation: dot 16000ms infinite 7000ms;
    animation: dot 16000ms infinite 7000ms;
}

.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-3 {
    -webkit-animation: dot 16000ms infinite 11000ms;
    -moz-animation: dot 16000ms infinite 11000ms;
    -ms-animation: dot 16000ms infinite 11000ms;
    -o-animation: dot 16000ms infinite 11000ms;
    animation: dot 16000ms infinite 11000ms;
}
/* -------------------------------------------------------- autoplay description */
@-webkit-keyframes description {
    0%, 5% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    6%, 24% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    25%, 100% {
        opacity: .5;
        z-index: 0;
        visibility: hidden;
    }
}

@-moz-keyframes description {
    0%, 5% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    6%, 24% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    25%, 100% {
        opacity: .5;
        z-index: 0;
        visibility: hidden;
    }
}

@-ms-keyframes description {
    0%, 5% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    6%, 24% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    25%, 100% {
        opacity: .5;
        z-index: 0;
        visibility: hidden;
    }
}

@-o-keyframes description {
    0%, 5% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    6%, 24% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    25%, 100% {
        opacity: .5;
        z-index: 0;
        visibility: hidden;
    }
}

@keyframes description {
    0%, 5% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    6%, 24% {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    25%, 100% {
        opacity: .5;
        z-index: 0;
        visibility: hidden;
    }
}

.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-0 {
    -webkit-animation: description 16000ms infinite -1000ms ease;
    -moz-animation: description 16000ms infinite -1000ms ease;
    -ms-animation: description 16000ms infinite -1000ms ease;
    -o-animation: description 16000ms infinite -1000ms ease;
    animation: description 16000ms infinite -1000ms ease;
}

.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-1 {
    -webkit-animation: description 16000ms infinite 3000ms ease;
    -moz-animation: description 16000ms infinite 3000ms ease;
    -ms-animation: description 16000ms infinite 3000ms ease;
    -o-animation: description 16000ms infinite 3000ms ease;
    animation: description 16000ms infinite 3000ms ease;
}

.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-2 {
    -webkit-animation: description 16000ms infinite 7000ms ease;
    -moz-animation: description 16000ms infinite 7000ms ease;
    -ms-animation: description 16000ms infinite 7000ms ease;
    -o-animation: description 16000ms infinite 7000ms ease;
    animation: description 16000ms infinite 7000ms ease;
}

.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-3 {
    -webkit-animation: description 16000ms infinite 11000ms ease;
    -moz-animation: description 16000ms infinite 11000ms ease;
    -ms-animation: description 16000ms infinite 11000ms ease;
    -o-animation: description 16000ms infinite 11000ms ease;
    animation: description 16000ms infinite 11000ms ease;
}

.slider > #input-slide-autoplay:checked ~ .slide-description > label {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/*Select every element*/
[id^="item"] {
    display: none;
}

/* Autoplay animation */
@keyframes carousel {
    0%, 33.32333333333334% {
        opacity: 1;
    }

    33.333333333333336%, 100% {
        opacity: 0;
    }
}

/*Casino Slides*/

.carousel-casino .item-1 {
    z-index: 2;
    opacity: 1;
    background: url(../../img/assets/slider/carousel-casino-1.jpg);
    background-size: auto 100%;
}

.carousel-casino .item-2 {
    background: url(../../img/assets/slider/carousel-live-casino-1.jpg);
    background-size: cover;
}

.carousel-casino .item-3 {
    background: url(../../img/assets/slider/carousel-umbrella-1.jpg);
    background-size: cover;
}

/*Live Casino Slides*/

.carousel-live-casino .item-1 {
    z-index: 2;
    opacity: 1;
    background: url(../../img/assets/slider/carousel-live-casino-1.jpg);
    background-size: auto 100%;
}

.carousel-live-casino .item-2 {
    background: url(../../img/assets/slider/carousel-casino-1.jpg);
    background-size: cover;
}

.carousel-live-casino .item-3 {
    background: url(../../img/assets/slider/carousel-umbrella-1.jpg);
    background-size: cover;
}

/*Umbrella Slides*/

.carousel-umbrella .item-1 {
    z-index: 2;
    opacity: 1;
    background: url(../../img/assets/slider/carousel-umbrella-1.jpg);
    background-size: auto 100%;
}

.carousel-umbrella .item-2 {
    background: url(../../img/assets/slider/carousel-casino-1.jpg);
    background-size: cover;
}

.carousel-umbrella .item-3 {
    background: url(../../img/assets/slider/carousel-live-casino-1.jpg);
    background-size: cover;
}

*:target ~ .item-1 {
    opacity: 0;
}

#item-1:target ~ .item-1 {
    opacity: 1;
}

#item-2:target ~ .item-2, #item-3:target ~ .item-3 {
    z-index: 3;
    opacity: 1;
}

.carousel-item .btn {
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-top: 15px;
    display: inline-block;
    margin-top: 5px;
    min-width: 160px;
    cursor: pointer;
}

div#tns1-ow .tns-controls,
div#tns1-ow .tns-nav {
    display: none;
}

div#tns1-ow {
   max-width: 1100px;
    margin: 0 auto;
}

.slide .btn {
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'Oswald', sans-serif;
    font-size: 39px;
    text-transform: uppercase;
    padding-bottom: 21px;
    padding-top: 21px;
    display: inline-block;
    margin-top: 20px;
    width: 235px;
    cursor: pointer;
}

.slide aside {
    height: 474px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: none;
}

section.ticker {
    height: 126px;
    background-color: #274580;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: space-between;
    /*justify-content: center;
	overflow: auto;*/
    width: 100%;
}

.ticker-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px solid #3c58a4;
    border-left: 1px solid #1e2f58;
}

    .ticker-item:first-of-type {
        /* border-left: none; */
    }

    /*.ticker-item:last-of-type {
        padding: 0;
    }*/

    .ticker-item h5 {
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0px;
        color: white;
        line-height: 21px;
    }

    .ticker-item h4 {
        font-family: 'Oswald', sans-serif;
        font-size: 34px;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0px;
        line-height: 41px;
        color: #ffae00;
        width: 175px;
    }

    .ticker-item img {
        margin-right: 10px;
    }

    .ticker-item div div {
        display: flex;
        margin-top: 5px;
    }

a.play-now {
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    background-color: #4a69f7;
    color: white;
    line-height: 40px;
    margin-left: 20px;
    cursor: pointer;
    width: 109px;
    text-decoration: none;
    text-align: center;
}

    a.play-now:hover {
        background-color: #3e59cf;
    }
/*colours */

a.bt-baum-orange {
    color: #101e35;
    background-color: #ffae00;
}

    a.bt-baum-orange:hover,
    .bt-baum-orange:hover {
        background-color: #e09a03;
    }

.f-larger-size {
    font-size: 132px;
    line-height: 126px;
}

.f-smaller-size {
    font-size: 20px;
    line-height: 21px;
}

.f-baum-orange {
    color: #ffae00;
}

.white-color {
    color: white;
}
/*center block*/

section.main-section {
    /*display: flex;*/
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    flex-flow: row wrap;
    position: relative;
    padding-left: 2%;
    padding-right: 2%;
}

.center-block {
    display: flex;
    flex-direction: column;
    min-height: 795px;
    width: 100% !important;
}

.right-side {
    width: 227px;
    height: 300px;
    margin-left: 12px;
}

.right-block {
    border: 3px solid #4a6def;
    margin-bottom: 15px;
    background-color: #101734;
    color: white;
}

    .right-block h3 {
        margin: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #274580;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        color: white;
        font-weight: 400;
        font-size: 20px;
        line-height: 36px;
    }

.select-type a.select-content:hover,
.select-type a.select-content.selected {
    background-color: #293c84;
    border-left-color: #293c84;
}

.select-type a.select-content {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    color: white;
    background: #4a6def;
}

    .select-type a.select-content.table-games {
        border-right-color: #4a6def;
    }

.select-content.first-element.mobile-selected {
    display: none;
    text-align: center;
}

.select-type a.select-content.selected.first-element,
.select-type a.select-content.first-element {
    border-left-width: 2px;
}

    .select-type a.select-content.first-element:hover {
        border-left-color: #4a6def;
    }

.select-type.content-header {
    /*display: flex;*/
    margin-bottom: 5px;
}

ul.casino-nav {
    display: flex;
    margin: 0;
}

ul.casino-nav li {
    background: #4a6def;
    text-align: center;
    border: 1px solid #4a6def;
    border-right-width: 1px;
    border-right-color: #354eab;
    border-left-width: 1px;
    width: 100%;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1;
    display: inline-flex;
    /*background-color: #4a6def;*/
    padding: 0;
    position: relative;
    list-style: none;
}

ul.casino-nav li a {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: white;
    background: #4a6def;
    display: block;
    line-height: 48px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

ul.casino-nav li ul li {
    border-top: 1px solid #354eab;
}

.sub-menu {
    display: none;   
}

li.providers-link:hover ul {
    display: none;
    width: 200px;
    position: absolute;
    z-index: 9999;
    margin: 0;
    left: -1px;
    top: 48px;
}

.casino-nav form fieldset {
    padding: .375em .75em .375em;
}

.casino-nav form fieldset input {
    line-height: 32px;
}

.content-header form.mobile-casino-search {
    display: none;
}

.providers-wrapper {
    width: 100%;
    position: relative;
    display: none;
    z-index: 2000;
}

.provider-submenu {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    border-top: 1px solid #354eab;
}

.provider-submenu li {
    width: 100%;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1;
    display: inline-flex;
    border-right: 1px solid #354eab;
    border-left: 1px solid #6080f8;
}

.provider-submenu li:first-child {
    border-left: none;
}

.provider-submenu li:last-child {
    border-right: none;
}

.provider-submenu li a {
    display: block;
    padding: 15px 5px;
    width: 100%;
    text-align: center;
}

.content-header form {
    background-color: #1a2e5b;
    border-right: 1px solid #4a69f7;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 245px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .content-header form input {
        line-height: 48px;
        background-color: #1a2e5b;
        border: none;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        color: white;
    }

.content-header input[type="submit"] {
    background-position: center right;
    background-image: url(../../img/assets/search-icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    color: transparent;
    height: 18px;
    background-size: contain;
    vertical-align: middle;
}

.right-block.latest-winners {
    max-height: 360px;
    overflow-y: auto;
}

.winner-details {
    display: flex;
    justify-content: space-between;
    height: 40px;
    border-bottom: 1px solid #192450;
    padding-left: 10px;
    padding-right: 8px;
    align-items: center;
    overflow: hidden;
}

	.winner-details .left-content {
			width: 70%;
		}								   
    .winner-details .name {
        font-size: 13px;
        color: white;
        display: block;
    }

    .winner-details .type {
        font-size: 13px;
        color: #ffab00;
        font-weight: bold;
        font-weight: 400;
        display: block;
        height: 16px;
        overflow: hidden;
    }

    .winner-details .amount {
        font-size: 16px;
        width: 30%;
        text-align: center;
        line-height: 1;
        font-weight: 600;
    }

.right-block.banner-play-now {
    background-image: url(../img/assets/game-ad.png);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 415.5px;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
}

    .right-block.banner-play-now img {
        width: 95%;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        max-width: 160px;
    }

.banner-play-now span.play-now {
    margin-bottom: 25px;
    width: 183px;
    text-align: center;
    margin-right: 20px;
    font-size: 28.4px;
    padding-left: 0px;
    padding-right: 0px;
    height: 52px;
    line-height: 52px;
    color: #101e35;
    background-color: #ffae00;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.games-holder .game-item {
    background-size: cover;
    width: 12.5%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
    padding: 5px;
    position: relative;
}

    /*.games-holder .game-item:nth-child(6n) {
        margin-right: 0px;
    }*/

.no-games-found {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px;
    width: 100%;
    display: block;
    margin: 20px 0;
}

span.star {
    background: rgba(0, 0, 0, 0.7);
    width: 23px;
    height: 23px;
    display: none;
    margin-right: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url(../../img/assets/items/star.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 9991;
}

    span.star.active {
        background-image: url(../../img/assets/items/active-star.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.games-holder .game-item.new::before {
    content: "";
    display: block;
    height: 80px;
    width: 80px;
    background-image: url(../../img/assets/items/new-casino-ribbon.png);
    position: absolute;
    left: 5px;
    background-size: contain;
    top: 5px;
}

.games-holder .game-item.promo-game::before {
    content: "";
    display: block;
    height: 80px;
    width: 80px;
  background-image: url(../../img/assets/items/promo-casino-ribbon.png);
    position: absolute;
    left: 5px;
    background-size: contain;
    top: 5px;
}

.games-holder .game-item.exclusive-game::before {
    content: "";
    display: block;
    height: 80px;
    width: 80px;
  background-image: url(../../img/assets/items/exclusive-casino-ribbon.png);
    position: absolute;
    left: 5px;
    background-size: contain;
    top: 5px;
}

.games-holder .game-item.Jackpot-game::before {
    content: "";
    display: block;
    height: 80px;
    width: 80px;
  background-image: url(../../img/assets/items/jackpot-casino-ribbon.png);
    position: absolute;
    left: 5px;
    background-size: contain;
    top: 5px;
}

.game-item .overlay-button {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 999;
    display: none;
}

.games-holder .game-item.hover .overlay-button {
    display: flex;
}

.game-item:hover .overlay-button {
    display: flex;
}

a.overlay.btn {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    width: 125px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

a.bt-baum-dark {
    color: white;
    background-color: #070d25;
}

    a.bt-baum-dark:hover {
        background-color: #0e1e55;
    }

section.start-playing {
    background-color: rgba(0, 0, 0, 0.44);
    height: 390px;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 44px;
    margin-top: 18px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    overflow-x: hidden;
    clear: left;
}

.start-playing h2 {
    font-size: 58px;
    line-height: 88px;
    margin: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: white;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 13px;
}

    .start-playing h2 span {
        color: #ffae00;
    }

.start-playing p {
    color: white;
    font-size: 20px;
    line-height: 25px;
    max-width: 1266px;
    text-align: center;
    margin: 0 auto;
}

.footer-license {
    color: #6998f4;
    font-size: 12px;
    line-height: 25px;
    max-width: 1266px;
    text-align: center;
    padding-bottom: 30px;
    margin: 30px auto 0;
    font-weight: 600;
    line-height: 1.3;
}

.start-steps > div {
    background-image: url(../../img/assets/box-bg.png);
    display: flex;
    width: 378px;
    height: 121px;
    background-repeat: no-repeat;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
    transition: all 0.5s ease-in-out;
}

.start-steps {
    display: flex;
    margin-top: 25px;
}

    .start-steps > div:first-of-type {
        position: relative;
        left: 21px;
    }

    .start-steps > div:last-of-type {
        position: relative;
        left: -21px;
    }

    .start-steps h3 {
        margin: 0px;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 23px;
        line-height: 30px;
        font-weight: 400;
    }

    .start-steps img {
        opacity: 0;
    }

    .start-steps img,
    .start-steps svg {
        height: 81px;
        margin-right: 20px;
        fill: #6097fb;
    }

    .start-steps div > div {
        justify-content: center;
        flex-direction: column;
        display: flex;
    }

.footer-social-media {
        display: none;
        margin: 20px auto 40px;
        text-align: center;
    }
    
    .footer-social-media span {
        display: block;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 28px;
        margin-bottom: 15px;
        color: #fff;
    }
    
    a.footer-facebook, a.footer-instagram, a.footer-twitter {
        text-decoration: none;
        border: none;
        outline: none;
        height: 35px;
        width: 35px;
        background-size: cover;
        display: inline-block;
        text-indent: -9999px;
        margin: 0 5px;
    }
    
    .footer-facebook {
        background-image: url("../../img/assets/svg/footer-facebook.svg");
    }
    
    .footer-instagram {
        background-image: url("../../img/assets/svg/footer-instagram.svg");
    }
    
    .footer-twitter {
        background-image: url("../../img/assets/svg/footer-twitter.svg");
    }

section.footer-links {
    display: flex;
    justify-content: center; /*space-between;*/
    max-width: 1297px;
    margin: 0 auto;
    margin-top: 29px;
    margin-bottom: 29px;
    overflow-x: hidden;
    flex-flow: row wrap;
}

    section.footer-links > div {
        min-width: 200px;
        padding: 0 15px;
    }

.footer-links h4 {
    color: white;
    font-size: 20px;
    line-height: 30px;
    margin: 0px;
    padding: 6.5px 0;
}

.footer-links a h4 {
    padding: 0;
}

.footer-links ul,
.footer-links ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.footer-links a {
    color: white;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    display: block;
    /*width: 230px;*/
    padding-bottom: 6.5px;
    padding-top: 6.5px;
}

footer a:hover {
    opacity: .7;
}

.footer-centered {
    padding: 0 2%;
}
.footer-centered,
.footer-centered a {
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    color: #6998f4;
    font-weight: bold;
}

    .footer-centered .links a {
        padding-left: 10px;
        padding-right: 10px;
    }

footer .logos img {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 11px;
}

.right-hang {
    position: fixed;
    bottom: 20px;
    right: 0px;
    width: 58px;
    height: 181px;
    background: #274580;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
    z-index: 99999998;
}

    .right-hang a {
        display: block;
        padding-top: 12px;
        padding-bottom: 11.3px;
        border-bottom: 1px solid #1a2e5b;
        border-top: 1px solid #3856a9;
        text-decoration: none;
        color: white;
        font-weight: bold;
        font-size: 14px;
    }

        .right-hang a:hover {
            opacity: .7;
        }

        .right-hang a:first-of-type {
            border-top: none;
        }

        .right-hang a:last-of-type {
            border-bottom: none;
        }

.mobile-screen-title,
.above-header-bar {
    display: none;
}

a.top-block.orange-link {
    background-color: #ffb200;
    color: #152950;
}

.above-header-bar a {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    line-height: 44px;
    width: 50%;
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: #4a69f7;
    text-transform: uppercase;
}

.copyright-info p {
    width: 90%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

header .mobile-menu,
header .mobile-menu-ham, #mobile-header-appicon {
    display: none;
}

.mobile-menu-ham span {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    height: 74px;
    width: 50px;
    background-image: url(../../img/assets/ham-menu.png);
    background-image: url(../../img/assets/svg/baumbet_burger.svg);
    background-size: 20px 28px;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    background-position: center;
}

.mobile-menu-ham.loggedin span {
    top: 30px;
}

.header.container .mobile-menu {
    position: absolute;
    /*position: fixed;*/
    display: flex;
    z-index: 99999;
    left: 0px;
    top: 75px;
    width: 100%;
    height: auto;
    background-color: #214484;
    flex-direction: column;
    display: none;
}

#mobile-header-appicon span {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
    height: 74px;
    width: 84px;
    background-image: url(../../img/assets/svg/menu-app-icon.svg);
    background-size: 64px auto;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    background-position: center;
}

.header.container.loggedin .mobile-menu {
    top: 77px;
}

.header.container .mobile-menu .nav-item ul {
    display: none;
}

.mobile-menu .nav-item.login-form {
    display: none !important;
}

.header.container .mobile-menu .nav-item svg {
    height: 21px;
    margin-bottom: 0px;
    /*fill: white;*/
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
}

.mobile-menu .nav-item a {
    flex-direction: row;
    justify-content: left;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
}

.mobile-menu .nav-item.menu-extras div,
.mobile-menu .nav-item.menu-extras a {
    line-height: 13px !important;
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    /* line-height: 40px!important; */
    vertical-align: -webkit-baseline-middle;
    align-items: center;
    object-fit: scale-down;
    padding-top: 3px;
}

.mobile-menu .nav-item.menu-extras div {
    border-left: 1px solid #3856a9;
    border-right: 1px solid #1a2e5b;
}

.mobile-menu .nav-item.menu-extras svg,
.mobile-menu .nav-item.menu-extras a,
.mobile-menu .nav-item.menu-extras img {
    display: block;
    margin: 0 auto;
    /*margin-top: 8px;*/
}

.mobile-menu .nav-item.menu-extras img {
    margin-top: 5px;
}

.header.container .mobile-menu .nav-item {
    display: block;
    width: 100%;
    text-align: left;
    background-color: #214484;
    padding: 5px;
}

.header.container .mobile-menu .nav-item {
    display: block;
    width: 100%;
    text-align: left;
    background-color: #2b509b;
    padding: 5px;
    border-top: 1px solid #3c58a4;
    border-bottom: 1px solid #1e2f58;
    padding-top: 10px;
    height: auto;
    border-left: 0px;
    border-right: 0px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    position: relative;
}

    .header.container .mobile-menu .nav-item:first-of-type {
        border-top: none;
    }

.center-block .mobile-menu {
    position: absolute;
    width: calc(50% + 2px);
    top: 49px;
    z-index: 9999;
    flex-direction: column;
}

.center-block .mobile-menu-ham span {
    position: absolute;
    left: 13px;
    top: 17px;
    display: none;
}

.select-type.content-header {
    position: relative;
}

.center-block .mobile-menu {
    display: none;
}

.mobile-menu a.select-content {
    display: block !important;
    width: 100% !important;
    text-align: left;
    padding-left: 15px;
    border-width: 2px;
    border-right-color: #4a6def;
    background: #293c84;
    border-bottom-width: 1px;
    border-top: 0;
}

.select-type .mobile-menu a.select-content.selected,
.select-type .mobile-menu .first-item {
    border-left-color: #4a6def;
    border-top: 1px solid #4a6def;
}

.mobile-menu a.select-content:last-child {
    border-bottom-width: 2px;
}

.mobile-selected {
    border-left: 2px solid #4a6def !important;
    pointer-events: none;
    border-right: 0 !important;
}

.mobile-menu li {
    list-style: none;
}
/*.header.container .mobile-menu .nav-item.active,
.header.container .mobile-menu .nav-item:hover {
    background-color: #1a305d;
    border-top-color: #1a305d;
}*/

/*.header.container .mobile-menu .nav-item.active svg,
.header.container .mobile-menu .nav-item.active a,
.header.container .mobile-menu .nav-item:hover svg,
.header.container .mobile-menu .nav-item:hover a {
    fill: #4f76c3;
    color: #4f76c3;
}*/

.header.container .mobile-menu .nav-item.menu-extras {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: 0px;
}

    .header.container .mobile-menu .nav-item.menu-extras:hover {
        background: #2b509b;
        fill: #ffffff;
        color: #ffffff;
        border-top: 1px solid #3c58a4;
        border-bottom: 1px solid #1e2f58;
    }

        .header.container .mobile-menu .nav-item.menu-extras:hover a,
        .header.container .mobile-menu .nav-item.menu-extras:hover svg {
            fill: #ffffff;
            color: #ffffff;
        }

.mobile-menu .nav-item.menu-extras img {
    cursor: pointer;
}

.mobile-menu .nav-item.menu-extras a {
    line-height: 13px !important;
    text-align: center;
}

header .nav-item ul:hover,
header .nav-item:hover ul {
    display: block;
}

header .nav-item ul {
    position: absolute;
    list-style: none;
    text-align: left;
    top: 76px;
    z-index: 99999;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    display: none;
    background: #214484;
}

header .nav-item li {
    width: 100%;
    border-bottom: 1px solid #2b509b;
}

    header .nav-item li a {
        line-height: 49px;
        width: 100%;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        display: block;
    }

.mobile-menu .nav-item ul {
    display: block;
    position: initial !important;
    margin-top: 10px;
}

header .mobile-menu .nav-item li a {
    text-align: center;
    line-height: 30px;
}

header .mobile-menu .nav-item li {
    border: none;
    border-left: 10px solid #2b509b;
}
/*Logged in user*/

.loggedin-dropdown {
    display: none;
    position: absolute;
    right: 78px;
    top: 80px;
    background: white;
    z-index: 9999;
    width: 840px;
    height: 143px;
    background-color: #17294d;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
    justify-content: space-between;
}

    .loggedin-dropdown h5 {
        margin: 0px;
        font-size: 20px;
        line-height: 30px;
    }

    .loggedin-dropdown span {
        font-size: 16px;
        line-height: 26px;
        /*font-size: 22px;
        line-height: 30px;*/
    }

        .loggedin-dropdown span.sum {
            color: #ffae00;
            margin-left: 10px;
            font-size: 110%;
        }

        .loggedin-dropdown span.action-item {
            display: inline-block;
            color: #fc2937;
            text-align: right;
            width: 250px;
        }

span.value.logout {
    color: #4a6def;
    margin-top: 20px;
}

.games-holder .game-item a.btn.bt-baum-orange {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    width: 125px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.login-form .form-input .fields {
    display: flex;
    position: relative;
}

.start-steps {
    cursor: pointer;
}

.language-selection-items .simplebar-scroll-content {
    height: 180px;
}

.ticker-ele {
    max-height: 317px;
    overflow-y: hidden;
}

.right-block.latest-winners {
    max-height: 360px;
    overflow-y: hidden;
}

.ticker-ele > div {
    width: 100%;
}

.games-holder.start-hidden {
    display: none;
}

.games-holder h2 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    color: white;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    letter-spacing: 1px;
}

.games-holder.new span.star {
    display: none;
}

.header.container .nav-item a img {
    opacity: 1;
}

.header.container .nav-item svg {
    height: 30px;
    margin-bottom: 9px;
    color: white;
    /*fill: #fff;*/
    -webkit-fill: #fff;
    vertical-align: middle;
}

    .header.container .nav-item svg path {
        /*fill: #fff;*/
    }

.right-hang img,
.right-hang svg {
    fill: white;
    height: 30px;
}

#overlay-deposit, .overlay-bg {
    display: none;
    background-color: black;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
}

/*.overlay-login-form {
    display: none;
    position: absolute;
    top: 75px;
    left: 0px;
    width: calc(100% - 20px);
    background-color: #274580;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 99999999;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}*/

.overlay-login-form h3 {
    margin: 0px;
    font-size: 14px;
    color: white;
    font-weight: normal;
    line-height: 40px;
}

.overlay-login-form input[type="text"],
.overlay-login-form input[type="password"] {
    font-size: 12px;
    color: #4f73b9;
    font-weight: 400;
    background-color: #152950;
    border: none;
    border-right: 1px solid #36599e;
    border-bottom: 1px solid #36599e;
    text-indent: 10px;
    line-height: 25px;
    display: block;
    width: 100%;
}

.overlay-login-form input[type="password"] {
    margin-top: 10px;
}

.overlay-login-form form div {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    color: white;
    align-items: center;
    /*height: 50px;*/
}

.overlay-login-form div,
.overlay-login-form div a {
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    text-transform: initial;
    text-decoration: none;
}

    .overlay-login-form div input[type="submit"] {
        background-color: #4a6def;
        padding-left: 14px;
        padding-right: 14px;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        line-height: 35px;
        cursor: pointer;
        border: none;
        text-transform: uppercase;
    }

.overlay-login-form span.close-icon {
    color: white;
    font-size: 14px;
    float: right;
    border: 2px solid;
    border-radius: 100%;
    height: 20px;
    line-height: 15px;
    width: 20px;
    font-weight: bold;
    cursor: pointer;
}

.login-and-register-modal {
    display: block !important;
    height: auto !important;
}

.login-and-register-modal p {
    display: block;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #36599e;
    font-family: 'Oswald', sans-serif;
}

.login-and-register-modal p a {
    display: block;
    width: fit-content;
    margin: 10px auto 0;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.center-block .mobile-menu-ham span.toggleMenu {
    height: 48px;
    top: 3px;
    background-position: center center;
    background-size: 40%;
}

.games-holder {
    display: flex;
    flex-wrap: wrap;
    justify-items: stretch;
    align-items: stretch;
}
/*deposit bar dropdown*/

.center-deposit,
.left-deposit,
.right-deposit {
    padding-top: 20px;
}

.loggedin-dropdown {
    padding: 0px;
    justify-content: space-evenly;
    align-items: initial;
}

.center-deposit {
    border-right: 1px solid #264fa0;
    border-left: 1px solid #264fa0;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 41px;
}

    .center-deposit .buttons a {
        background-color: #4b64ff;
        padding-left: 14px;
        padding-right: 14px;
        color: #fff;
        font-weight: bold;
        line-height: 35px;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        margin-top: 4px;
        display: none;
    }

.float-right {
    float: right;
}

.float-left {
    float: left;
}



.txt-sml {
    font-size: 16x;
}

.txt-sml-x {
    font-size: 14px;
}

.txt-white {
    color: #ffffff;
}

.txt-blue-lt {
    color: #5b85d6;
}

.txt-yellow {
    color: #ffae00;
}

.txt-green {
    color: #24da40;
}

.txt-red {
    color: #fa1849;
}

.txt-font-title {
    font-family: 'Oswald', sans-serif;
}

.link-def {
    color: #ffffff;
}

.container-drk {
    padding: 25px 20px;
    background: #152950;
    border-radius: 5px;
    font-family: 'Source Sans Pro';
}

hr {
    border-top: 1px solid #152950;
    border-bottom: 1px solid #3b5485;
}

.w-100 {
    width: 100%;
}

.m-0 {
    margin: 0;
}

.m-10 {
    margin: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-0 {
    margin-top: 0px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mr-10 {
    margin-right: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.btn {
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
}

    .btn:hover {
        opacity: .9;
    }

.btn-sml {
    padding: 12px 6px;
    line-height: 1;
    font-size: 16px;
}

.btn-md {
    padding: 7px 15px;
    font-size: 20px;
    letter-spacing: 0;
}

.btn-blue {
    background: #4a6def;
    color: #ffffff;
    border: 1px solid #4a6def;
}

.btn-yellow {
    background: #ffae00;
    color: #101e35;
    border: 1px solid #ffae00;
    display: inline-block;
}

.border-red {
    border: 1px solid #fe1200;
}

.border-green {
    border: 1px solid #24da40;
    padding: 5px;
    text-transform: uppercase;
}

.d-flex {
    display: flex;
}

.d-flex-jc-sb {
    justify-content: space-between;
}

.d-flex-ac-c {
    align-content: center;
}

.d-flex-ai-center {
    align-items: center;
}

.d-flex-dir-row {
    flex-direction: row;
}

.d-flex-dir-col {
    flex-direction: column;
}

.d-flex-js-end {
    justify-self: flex-end;
}

.d-flex-as-center {
    align-self: center;
}

.d-flex-shrink-0 {
    flex-shrink: 0;
}

.clear {
    clear: both;
    float: none;
    display: block;
}

.clearboth {
    clear: both;
}

.input-limit {
    color: #ffffff;
    background: #274580;
    border: none;
    padding: 11px;
    width: 200px;
}

.float-right .input-limit {
    padding: 9px
}

.accordion .link svg {
    fill: white;
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 10px;
}

.accordion .link {
    text-decoration: none;
}

    .accordion .link .st0 {
        fill: white !important;
    }

.content-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .content-title h2 {
        color: #ffae00;
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
        margin: 0px;
        text-transform: uppercase;
    }

    .content-title p {
        font-size: 21px;
        margin: 0px;
        margin-top: 10px;
    }

    .content-title .btn {
        justify-self: flex-end;
        flex: 0 0 auto;
    }

.registration-form-fields .form-fields-1 input:disabled {
    background: #203a6d;
    color: #5b85d6;
}

.settings-v1 {
    border-left: 1px solid #3a5283 !important;
    border-right: 1px solid #1e3664;
    margin-top: 10px;
    position: absolute;
    transform: translateX(49.5%);
    height: 1025px;
    left: 49.5%;
}

.sec-plit {
    position: relative;
}

    .sec-plit::before {
        content: '';
        position: absolute;
        left: 49.5%;
        border-left: 1px solid #3a5283;
        top: 0;
        bottom: 0;
        border-right: 1px solid #1e3664;
    }

.profile-page .settings-v1 {
    height: 960px;
}

.profile-btn-container {
    display: flex;
    justify-content: flex-end;
}

.profile-btn {
    padding: 20px 0;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    display: flex;
    flex: 0 0 24.8%;
    justify-content: center;
    align-content: center;
    border: 1px solid #1c3461;
}

    .profile-btn:hover {
        background: #1c3461;
        opacity: .7;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    .profile-btn svg, .profile-btn img {
        margin-right: 7px;
        width: 30px;
        height: 30px;
        fill: #f3ac00;
    }
/* Page: KYC
------------------------------------------------- */

.kyc-notification {
    /*background: #ee1040;*/
    padding: 5px;
    align-items: center;
    text-transform: uppercase;
}

    .kyc-notification img {
        margin-right: 8px;
        width: 35px;
        height: 35px;
        display: block;
    }

.kycdocument .kyc-notification {
    margin-bottom: 10px;
}

#ForAfterSubmitBUttonERROR  {
    background: #ee1040;
}

#upload-kyc-tab #dvKYCDoc {
    display: block !important;
}

/* Page: FAQ
------------------------------------------------- */

.margin-twenty {
    margin-top: 20px;
    margin-bottom: 20px;
}

.inline-search-container {
    position: relative;
    padding-bottom: 0px;
    display: inline-block;
    float: right;
}

    .inline-search-container button {
        padding: 5px 5px;
        margin-top: 10px;
        background: transparent;
        font-size: 17px;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 10px;
        color: #fff;
        top: -3px;
    }

    .inline-search-container input[type=text] {
        padding: 7px 35px 6px 15px;
        font-size: 18px;
        width: 100%;
        background: #101734;
        border: 0px solid #4a6def;
        color: #fff;
        font-family: 'Oswald', sans-serif;
        height: 40px;
    }

.dark-bg-accordian-group li {
    margin-bottom: 10px;
}

.dark-bg-accordian-group .link {
    margin-bottom: 0px;
}

.dark-bg-accordian-content {
    background: #1e3664;
    margin-top: 0px;
    padding: 15px 15px 0px 15px;
    border: 1px solid #4a6def;
    border-top: 0px;
    margin-bottom: 0px;
}

.faq-accordion.mobile-instructions-accordians .link {
    margin-bottom: 0;
}
/* Page: Mobile
------------------------------------------------- */

.mobile-devices {
    padding: 40px 0 0;
    text-align: center;
}

    .mobile-devices img {
        max-width: 100%;
    }

.mobile-steps-desktop {
    margin: 35px 0px 35px 0px;
}

.mobile-steps-mobile {
    display: none;
    margin: 35px auto;
    max-width: 184px !important;
}

.mobile-devices-content {
    width: 100%;
    padding: 20px;
    text-align: center;
}

    .mobile-devices-content p {
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 21px;
        font-weight: 300;
        color: #fff;
        margin-top: 25px;
    }

.mobile-store-icons img {
    vertical-align: bottom;
    margin: 0 10px;
    max-width: 100%;
}

.mobile-store-icons em a {
    text-decoration: underline;
    font-style: normal;
    color: #ffb400;
}

.mobile-store-icons {
    font-size: 27px;
    color: #fff;
}

.mobile-browser-notification {
    font-size: 16px;
    color: #ffb400;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid;
    text-align: center;
    background: rgba(0,0,0,0.4);
}

.mobile-browser-notification .fab {
    color: #09c904;
    font-size: 24px;
    vertical-align: text-bottom;
}

.mobile-android-steps {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0;
}

.mobile-step {
    margin: 0 2% 50px;
    max-width: 22%;
}

.mobile-step:first-child {
    margin-left: 0;
}

.mobile-step:last-child {
    margin-right: 0;
}

.step-text {
    color: #fff;
    min-height: 120px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2;
    font-family: 'Source Sans Pro', sans-serif;
}

.mobile-step span {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
}

.mobile-step img {
    width: 100%;
}

.android-icon {
    margin-left: 35px;
}
/* Page: News Detail
------------------------------------------------- */

.news-detail .content-title h2 {
    font-size: 48px;
}

.news-detail .content-title p.news-detail-date {
    font-size: 14px;
}

.news-detail-content p {
    margin-bottom: 20px;
    line-height: 1.5;
}

.news-detail-img {
    margin: 0 20px 0 0;
    border: 1px solid #4a6eeb;
    display: block;
    float: left;
}

.btn-news-back {
    font-size: 14px;
    letter-spacing: 0;
    padding: 10px;
    display: inline-block;
}

.other-news-container {
    /*margin-left: 19%;*/
    /*width: 81%;*/
    text-align: center;
    clear: both;
}

.other-news-title {
    padding: 20px 0 50px 0;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    color: #ffffff;
    line-height: 1;
}

.other-news-box-container {
    margin: 0 auto 30px auto;
    max-width: 1060px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.other-news-box-item {
    background-color: #010c22;
    background-size: cover;
    display: flex;
    flex: 1 1 auto;
    border: 2px solid #4a6def;
    justify-content: flex-end;
    flex: 0 1 32.5%;
}

.other-news-box-item-content {
    background: rgba(0, 0, 0, .8);
    padding: 30px 15px;
    color: #ffffff;
    text-align: left;
    flex: 0 1 66%;
}

.other-news-box-item-title {
    margin: 0 0 10px 0;
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
}

.other-news-box-item-title-sub {
    margin: 0 0 10px 0;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}

.other-news-box-item-title-btn {
    padding: 8px 10px;
    background: #4a6def;
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
}

    .other-news-box-item-title-btn:hover {
        opacity: .8;
    }

.other-casino-promo {
    background-image: url(../../img/bg-promo-casino.jpg);
}

.other-sports-promo {
    background-image: url(../../img/bg-promo-sport.jpg);
}

.other-mobile-promo {
    background-image: url(../../img/bg-promo-app.jpg);
}

.other-slot-promo {
    background-image: url(../../img/bg-promo-slot.jpg);
}
/* Page: Promotion Detail
------------------------------------------------- */

.other-news-container.w-100.m-0 {
    margin: 0;
    width: 100%;
}
/* Page: Gameplay
------------------------------------------------- */

#divGamePlayWindow .main-section {
    margin-top: -40px;
}

#divGamePlayWindow section.main-section {
    max-width: 100%;
}

section.main-section.main-section-area-star {
    background: #274580;
    margin-bottom: 30px;
    margin-top: 80px;
    padding: 0;
}

.main-section-area-star img {
    width: 100%;
    display: block;
}

.main-section-area-star .game-container {
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}

.bingo-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
}

.bingo-frame {
    border: 0px;
    width: 100%;
    min-height: 100vh;
	
}
.gameplay-top-buttons {
    display: inline-block;
    padding: 0;
}

.show-recent-games {
    display: block !important;
    position: absolute;
    top:0;
    width: 100%;
    height: auto;
    background: #274580;
    padding: 10px 0;
    overflow: hidden;
}

#gameplay-slider-container {
    display: none;
}

.gameplay-bottom-bar a {
    
}

.gameplay-recent-games {

}

#recent-games-button span {
    background: #ffae00 url(../../img/recent-active-not.png) 108px center no-repeat;
    padding-right: 37px;
}

#recent-games-button.recent-active span {
    background: #ffae00 url(../../img/recent-active.png) 108px center no-repeat !important;
    padding-right: 37px;
}

html, body {
  height: 100%;
}

#casino-deposit-frame {
  position: fixed;
  height: 100vh;
  width: 100%;
  pointer-events: none;
}

#casino-deposit-frame:focus-within .bg {
  visibility: visible;
  opacity: .6;
}
#casino-deposit-frame * {
  visibility: visible;
}

#casino-deposit-frame {
    padding: 20px;
    width: 90%;
    max-width: 40%;
    top: 0;
    right: 0;
    height: 100vh;
    background: #274580;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transform: translateX(110%);
    transition: transform .3s;
    /*will-change: transform;*/
    contain: paint;
    z-index: 999991;
    padding: 0;
    margin: 0;
    box-shadow: 10px 0px 10px rgba(0,0,0,0.4);    
}

#casino-deposit-frame.show-deposit-frame {
  transform: none;
}

#casino-deposit-frame iframe {
    overflow-y: scroll;
}

#casino-deposit-frame h3 {
    color: #fff;
    text-align: center;
    margin: 20px auto 0;
    padding: 0;
    line-height: 1;
}

#close-deposit-frame-button {
    position: absolute;
    top: 0px;
    right: 0px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #3661b6;
    padding: 2px 8px 2px 8px;
    font-family: 'Oswald', sans-serif;
}

#close-deposit-frame-button:hover {
    cursor: pointer;
}

.gameplay-support {

}

.gameplay-deposit span {
    padding: 10px 15px;
    line-height: 1;
    font-size: 15px;
    display: block;
}

.gameplay-recent-games, .gameplay-support, .gameplay-deposit {
    display: inline-block;
    margin-right: 10px;
}

.gameplay-recent-games span, .gameplay-support a, .gameplay-deposit a {
    display: block;
    font-size: 15px;
    padding: 10px 15px;
}

.game-container iframe {
    border: none! important;
}

iframe#iframeGamePlayWindow {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    display: block;
}

.mainslider-bloc .tns-inner::before,
.mainslider-bloc .tns-inner::after {
    display: none;
}

.main-section-area-star .tns-outer {
    width: 84%;
    margin: auto;
    background: none !important;
    position: relative;
}

.gameplay-fullscreen .tns-outer {
    width: 60%;
}

.gameplay-fullscreen .slider-arrows div {
    top: -90px;
}

.mainslider-bloc {
    background: #142443;
    position: relative;
    border: 1px solid #274580;
    padding-bottom: 10px;
}

    .mainslider-bloc .slider-arrows div {
        top: inherit;
        bottom: 95px;
        height: 5px;
    }

.main-section-area-star .tns-outer div img {
    border: 1px solid #4a6def;
}

.main-section-area-star .tns-outer .tns-item {
    padding: 0px 5px;
}

.car-title span {
    font-size: 28px;
    color: #fff;
}

.car-title {
    margin: 0px;
    padding: 30px 0px;
}

.start-top {
    width: 100%;
    padding: 10px 10px 10px 20px;
    position: relative;
}

    .start-top .gameplay-title {
        display: inline-block;
        font-size: 21px;
        font-family: 'Oswald', sans-serif;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        width: 50%;
    }

    .start-top .closebtns {
        text-align: right;
        position: absolute;
        right: 50px;
        top: 17px;
    }

        .start-top .closebtns .btn-game-close {
            font-size: 20px;
        }

.fullscreen-button {
    vertical-align: top;
    position: absolute;
    top: 18px;
    right: 20px;
}

.fullscreen-button a {
    font-size: 18px;
}

.main-section-area-star .slider-arrows {
    padding: 0 20px;
    position: relative;
}

.main-section-area-star .decorated > span::before,
.main-section-area-star .decorated > span::after {
    width: 60px;
}

.main-section-area-star h2.decorated {
    padding: 20px 0 15px 0;
}
/* Page: Payment Methods
------------------------------------------------- */

.pay-container .content {
    max-width: 100%;
    display: block;
    margin: auto;
    position: relative;
    background-color: #274580;	   
}
.pay-container .content .topbar {
display: inline-block;
width: 100%;
position: relative;
}
.pay-container .content .topbar .sec-title {
display: inline-block;
width: 50%;
position: relative;
float: left;
}
.pay-container .content .topbar .sec-title {
display: inline-block;
position: relative;
color: #FFAE00;
font-size: 1.8rem;
font-family: 'Oswald', sans-serif;
margin-top: .5rem;
}
.pay-container .content .topbar .nav_tab {
display: inline-block;
width: 50%;
position: relative;
float: left;
}
.pay-container .content .topbar .nav_tab ul {
text-align: right;
margin: 0;
padding: 0;
}
.pay-container .content .topbar .nav_tab li {
display: inline-block;
margin-right: .5rem;
}
.pay-container .content .topbar .nav_tab li:last-child {
	margin-right: 0;
}
.pay-container .content .topbar .nav_tab li a {
	background-color: #253C74;
	padding: 0.5rem 1rem;
	border: 0.1rem solid #4A6DEF;
	color: #7589D1;
	font-size: 16px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	letter-spacing: 0.1rem;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
}
.pay-container .content .topbar .nav_tab li a:hover,
.pay-container .content .topbar .nav_tab li a:focus {
	background-color: #4A6DEF;
	color: white;
}
.pay-container .content .topbar .nav_tab .active a {
background-color: #4A6DEF;
color: white;
}
.pay-container .content .region_select {
display: inline-block;
width: 100%;
margin-top: 20px;
position: relative;
border-top: 1px solid #152950;
border-bottom: 1px solid #152950;
}
.pay-container .content .region_select ul {
width: 100%;
display: inline-block;
padding: 0;
}
.pay-container .content .region_select ul li {
display: inline-block;
margin-right: .5rem;
color: white;
font-size: 1.25rem;
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.15rem;
}
.pay-container .content .region_select ul li:last-child {
	margin-right: 0;
}
.pay-container .content .region_select ul li select {
	background-color: #152950;
	padding: 0.8rem 1rem;
	color: white;
	font-size: 80%;
	border: 0;
	margin-left: .5rem;
	font-weight: 600;
	width: 14rem;
	-webkit-appearance: none;
	background: url(../../img/down_arrow.png) no-repeat right #152950;
	background-position-x: 95%;
	background-size: 10px 5px;
	letter-spacing: 0;
}

.pay-container .table {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 1.5rem;
}

.pay-container .table table tr {
	width: 100%;
	float: left;
}

.pay-container .table table {
	width: 100%;
	border-collapse: collapse;			
}
.pay-container .table table thead {
	background-color: #4A6DEF;
}
.pay-container .table table thead tr th {
	padding: 1rem 0;
	color: white;
	font-size: 16px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}
.pay-container .table table tbody {
	background-color: #1D335E;
}
.pay-container .table table tbody tr:nth-child(even) {
	display: none;
}
.pay-container .table table tbody tr td {
	border: 0.05rem solid #13223F;
	padding: 1rem 0;
	color: white;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
}
.pay-container .table table tbody tr td:nth-child(1) {
	padding: 0;
}
.pay-container .table table tbody tr td:nth-child(6) {
	text-align: left;
	padding: 1rem 1rem;
}
.pay-container .table table tbody tr td:nth-child(6) i {
	float: right;
	color: #4F73B9;
	display: inline-block;
	margin-top: .25rem;
}
.pay-container .table table tbody tr td img {
	display: block;
	width: 100%;
}
.pay-container .table table tbody tr:nth-child(even) td .pay-content {
	overflow: hidden;
}
.pay-container .table table tbody tr td.collapse {
	text-align: left;
	padding: 1rem;
	font-weight: 400;
}
.pay-container .table table tbody tr td.collapse.show {
	display: table-cell;
}
.pay-container .table table tbody tr td.collapse h4 {
	color: #F7AE00;
	font-size: 1.25rem;
	margin-bottom: 1rem;
}
.pay-container .table table tbody tr td.collapse p {
	color: #FFFFFF;
}
.pay-container .table table tbody tr td.collapse p a {
	color: #FFB400;
	text-decoration: underline;
	text-decoration-color: #695A31;
}
.pay-container .table table thead tr th:nth-child(1),
.pay-container .table table tbody tr td:nth-child(1) {
	width: 20%;
}
.pay-container .table table thead tr th:nth-child(2),
.pay-container .table table tr td:nth-child(2) {
	width: 10%;
}
.pay-container .table table thead tr th:nth-child(3),
.pay-container .table table tr td:nth-child(3) {
	width: 20%;
}
.pay-container .table table thead tr th:nth-child(4),
.pay-container .table table tr td:nth-child(4) {
	width: 13%;
}
.pay-container .table table thead tr th:nth-child(5),
.pay-container .table table tr td:nth-child(5) {
	width: 13%;
}
.pay-container .table table thead tr th:nth-child(6),
.pay-container .table table tr td:nth-child(6) {
	width: 24%;
}

.pay-container .table table thead tr th{
display: inline-block;
float:left;
}

.pay-container .table table tbody tr td:nth-child(6) i {
	transition: all .3s ease;
}
.collapsed i {
	transform: rotate(-90deg);
}
.pay-container .fa, .pay-container .fas {
    display: block !important;
}
.pay-container .table table tr:nth-child(odd) {
	cursor: pointer;
}
.visible-xs {
	display: none !important;
}
.pay-container .collapser {
	display: none;
}
.pay-container .info_button {
	display: none;
}
.pay-container .less_button {
	display: none;
}
.pay-container .anim-row {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sali-jocuri {
       
}
ul.sali-jocuri-header {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #4A6DEF;
    color: #fff;
}
ul.sali-jocuri-header li {
    display: flex;
    width: 100%;
}
ul.sali-jocuri-header li span {
    text-align: center;
    padding: 1rem 0;
    color: white;
    font-size: 1rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}
ul.sali-jocuri-header li span:nth-child(1) {
    flex-basis: 20%;
}
ul.sali-jocuri-header li span:nth-child(2) {
    flex-basis: 20%;
}
ul.sali-jocuri-header li span:nth-child(3) {
    flex-basis: 59%;
}

ul.sali-jocuri-content {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}
ul.sali-jocuri-content li {
    display: flex;
    width: 100%;
}
ul.sali-jocuri-content li span {
    border: 1px solid #13223F;
    padding: 1rem 0;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0;
    flex-grow: 1;
}
ul.sali-jocuri-content li span:nth-child(1) {
    flex-basis: 20%;
}
ul.sali-jocuri-content li span:nth-child(2) {
    flex-basis: 20%;
}
ul.sali-jocuri-content li span:nth-child(3) {
    flex-basis: 60%;
}
#table-deposit {
    display: block;
}
#table-withdrawal {
    display: none;
}

/****** SEO text block on Sport Bets, Casino and Casino Live accordion style ********/


#seoWrapper {
    clear: both;
    display: block;
    margin-top: 20px;
}

.seo-wrapper-sport-margin {
    margin: 20px 300px 0;
}


.seo-text-block {
    display: block;
    overflow: hidden;
    text-align: justify;
}

p.seo-block-expand, p.seo-block-contract {
    cursor: pointer;
    text-transform: uppercase;
    padding: 15px 0;
    text-align: center;
    color: #6998f4 !important;
}

p.seo-block-expand:hover, p.seo-block-contract:hover {
    color: #ffae00 !important;
}

.hide {
    display: none;
}

blockquote, q { 
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

#seoWrapper h6 {
    display: block;
    font-size: 1.5em;
    color: #ffb400;
    text-transform: uppercase;
    margin: 30px 0 10px;
}
    
#seoWrapper p {
    color: #fff;
    line-height: 1.5;
    font-weight: 300;
}    

#seoWrapper p strong, #seoWrapper p b {
    font-weight: 600;
}
#seoWrapper ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#seoWrapper li {
    display: list-item;
    text-align: -webkit-match-parent;
	color: #fff;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

@media(max-width: 1024px) {

    ul.sali-jocuri-header {
        list-style: none;
        padding: 0;
        margin: 0;
        background-color: #4A6DEF;
        color: #fff;
    }
    ul.sali-jocuri-header li {

    }
    ul.sali-jocuri-header li span:nth-child(1) {
        width: auto;
        flex-basis: 33%;
    }
    ul.sali-jocuri-header li span:nth-child(2) {
        width: auto;
    }
    ul.sali-jocuri-header li span:nth-child(3) {
        width: auto;
    }

    ul.sali-jocuri-content {
        width: 100%;
    }
    ul.sali-jocuri-content li {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        background-color: #25385f;
    }
    ul.sali-jocuri-content li span {
        border-top: none;
        display: block;
        padding: 1rem 0.5rem;
    }
    ul.sali-jocuri-content li span:nth-child(1) {
        width: auto;
    }
    ul.sali-jocuri-content li span:nth-child(2) {
        width: auto;
    }
    ul.sali-jocuri-content li span:nth-child(3) {
        width: auto;
    }
}
/* Page: Welcome and Message Modal
------------------------------------------------- */

.message-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index: 10;
    height: 200%;
}

    .message-overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    margin: 100px auto 0;
    padding: 20px;
    background: #274580;
    border-radius: 0px;
    width: 970px;
    position: relative;
    transition: all 0.5s ease-in-out;
    display: flow-root;
    font-family: 'Oswald', sans-serif;
}

    .popup h4 {
        text-align: center;
        font-size: 34px;
        color: #fff;
        margin-top: -90px;
        font-weight: normal;
    }

        .popup h4 em {
            color: #ffae00;
            font-style: normal;
        }

    .popup span {
        width: 100%;
        display: block;
        font-size: 26px;
        color: #fff;
        margin-bottom: 10px;
        text-align: left;
    }

#divBannerModalPopUp .popup em span {
    font-size: 14px;
    margin-bottom: 0;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif;
}

#divBannerModalPopUp .bottom-link a {
    text-decoration: underline;
}

.popup-images {
    width: 59.5%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

    .popup-images p {
        display: block;
        font-size: 28px;
        font-family: 'Oswald', sans-serif;
        color: #fff;
        margin-top: 5px;
        margin-bottom: 10px;
    }

        .popup-images p em {
            color: #ffae00;
            font-style: normal;
        }

    .popup-images .btn-now {
        background: #4a6def;
        padding: 10px 25px 10px 25px;
        display: inline-block;
        font-size: 18px;
        text-decoration: none;
        color: #fff;
        transition: all 0.25s ease;
    }

.popup-image-one,
.popup-image-two {
    width: 50%;
    display: block;
    float: left;
}

    .popup-image-one img,
    .popup-image-two img {
        border: 1px solid #3661b6;
        width: 276px;
        height: 276px;
    }

.popup-details {
    width: 39.5%;
    display: inline-block;
    color: #fff;
    vertical-align: top;
}

.popup .close {
    position: absolute;
    top: 0px;
    right: 0px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #3661b6;
    padding: 2px 8px 2px 8px;
}

    .popup .close:hover {
        color: #ffae00;
    }

.popup .content {
    max-height: 30%;
    overflow: auto;
}

.bonus-box {
    display: block;
    width: 100%;
    background: #152950;
    padding: 14px 10px 14px 10px;
    border-bottom: 1px solid #274580;
}

.box-container {
    display: block;
}

.box-title-left {
    width: 55%;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

    .box-title-left em {
        /*font-size: 36px;
        color: #ffae00;
        font-style: normal;*/
        font-size: 24px;
        color: #ffae00;
        font-style: normal;
        text-transform: uppercase;
    }

.box-action-right {
    width: 42%;
    display: inline-block;
    vertical-align: top;
}

    .box-action-right span {
        background: #11203e;
        text-align: center;
        padding: 10px 10px 10px 10px;
        font-size: 20px;
        margin-top: 8px;
    }

    .box-action-right a {
        background: #4a6def;
        padding: 10px 18px 10px 18px;
        display: inline-block;
        font-size: 18px;
        text-decoration: none;
        color: #fff;
        transition: all 0.25s ease;
        text-align: center;
        margin-top: 8px;
        font-weight: 400;
    }

.clearfix {
    clear: both;
}

.popup-details hr {
    border-top: 1px solid #1d3666;
    border-bottom: 1px solid #2c4f92;
    border-left: 0px;
    border-right: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.popup-details .checkmark {
    width: 15px;
}

.bottom-link {
    text-align: center;
    width: 100%;
    bottom: -40px;
    position: absolute;
}

    .bottom-link a {
        color: #fff;
        font-size: 20px;
    }

.popup.message {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
}

    .popup.message strong {
        font-weight: bold;
    }

    .popup.message p {
        margin-bottom: 20px;
    }

.button.message {
    clear: both;
    display: block;
    width: 200px;
    margin: 0 auto;
}

/* Page: Refer Friend
------------------------------------------------- */

.refer-friend {
}

    .refer-friend .radio-container {
        line-height: 34px;
        color: #4f73b9;
    }

    .refer-friend .setting-radiobuttons-fields {
        background-color: transparent;
        width: 100%;
        display: inline-flex;
        border-bottom: none;
        border-right: none;
        height: 34px;
    }

    .refer-friend .registration-form-fields .form-fields-1 input,
    .refer-friend .registration-form-fields .form-fields-1 select {
        background-color: #274580;
        color: #ffffff;
        border: none;
    }

    .refer-friend .tabs-form-feilds-container .registration-form-fields .form-fields-1 {
        padding-left: 0px;
        padding-right: 5px;
        display: inline-block;
    }

    .refer-friend .container-drk.pt-15 {
        padding-top: 15px;
    }


.refer-friend-select{
    -webkit-appearance: none;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    font-weight: 300;
    width: 50%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #ffffff;
    left: 0;
    background: #17284c url(../../img/down_arrow.png) 97% 50% no-repeat;
    margin-bottom: 10px;
}





/* Page: Contact Us
------------------------------------------------- */

.contact-form-left {
    width: 49%;
    display: inline-block;
}

.contact-info-right {
    width: 49%;
    display: inline-block;
    padding-left: 35px;
    margin-top: 20px;
    vertical-align: top;
}

.contact-location {
    width: 100%;
    clear: both;
    margin-top: 25px;
    display: flow-root;
}

.success-message-sent {
    
}

.registration-form-fields .form-fields-1 textarea {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 116px;
    color: #2f579e;
    left: 0;
}

.contact-form-buttons {
    clear: both;
    float: none !important;
    display: block;
    width: 100%;
    margin-top: 20px;
}

.button.blue {
    background-color: #4a6def;
    color: #fff;
}

#dvSupport {
    padding-top: 30px;
}

.support-leftBox .contact-info-right {
    margin-top: 0px;
}

.required-field {
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 10px 0;
}

.support-textbox-section p {
    border-bottom: 1px solid #547bc7;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.contact-location hr,
.contact-info-right hr {
    border-top: 1px solid #1d3666;
    border-bottom: 1px solid #2c4f92;
    border-left: 0px;
    border-right: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.contact-info-right hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.contact-info-right p {
    margin-bottom: 0px;
}

.location-info {
    margin-bottom: 20px;
}

    .location-info .contact-icon {
        float: left;
        padding-right: 20px;
    }

section.main-section-area {
    display: flow-root;
    font-family: 'Oswald', sans-serif;
    padding-bottom: 20px;
}

section.gameplay-fullscreen {
    width: 100% !important;
    padding: 0;
    margin: 0 auto !important;
    max-width: 100%;
}

section.gameplay-fullscreen iframe {
    width: 100% !important;
    height: 90vh !important;
}

section.gameplay-fullscreen .gameplay-bottom-bar {
    /*bottom: -62px;*/
}

section.gameplay-fullscreen .slider-arrows {
    height: 0;
}

section.gameplay-fullscreen .game-container {
    padding: 0;
}
.page-title {
    text-align: center;
    color: #fff;
    margin: 20px auto 25px auto;
    font-size: 54px;
    flex: 1 100%;
}

.left-sidebar {
    clear: both;
    width: 17%;
    float: left;
}

.left-sidebar .accordion li {
    list-style: none;
}

.registration-form-fields .refer-a-friend {
    
}

.registration-form-fields .refer-a-friend-phone {
    width: 100%;
}

.registration-form-fields .refer-a-friend-phone label {
    display: block;
}

.registration-form-fields .refer-a-friend-phone input:nth-child(2) {
    display: inline-block;
    width: 27%;
}

.registration-form-fields .refer-a-friend-phone input:nth-child(3) {
    display: inline-block;
    margin-left: 2%;
    width: 70%;
}

#referred-friends table.table-data td {
    padding: 5px;
}

.accordion {
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px;
}

    .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 15px 15px;
        color: #fff;
        background: #4a6def;
        font-size: 16px;
        border-bottom: 1px solid #2c418f;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .accordion li:last-child .link {
        border-bottom: 0;
    }

    .accordion li i.fa {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #fff;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        display: inline-block !important;
    }

    .accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px;
    }

    .accordion li i.fa-caret-right {
        right: 12px;
        left: auto;
        font-size: 16px;
    }

    .accordion li.open .link {
        color: #fff;
    }

    .accordion li.open i {
        color: #fff;
    }

        .accordion li.open i.fa-chevron-down {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .accordion li.open i.fa-caret-right {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .accordion li.default .submenu {
		font-size: 14px;		  
        display: block;
        margin-right: 0;
    }
/*** Submenu-----------------------------*/

.submenu {
    display: none;
    background: #2c418f;
    font-size: 14px;
    padding: 0px;
    margin: 0;
}

    .submenu li {
        border-bottom: 1px solid #4a6def;
    }

    .submenu a {
        display: block;
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        padding: 14px 20px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
        text-transform: uppercase;
    }

.accordion li {
    
}

.accordion-res .submenu a:hover {
    background: #273a7f;
    color: #8195df;
}

.accordion-res li i {
    top: 19px;
}

.accordion-res .submenu a:hover::before {
    font-size: 14px;
    padding-right: 15px;
    position: relative;
    top: 4px;
    content: "";
    background: url(../../img/arrow_icon.png) no-repeat;
}

.accordion-res .submenu .active_men {
    color: #8195df;
}

    .accordion-res .submenu .active_men:before {
        font-size: 14px;
        padding-right: 15px;
        position: relative;
        top: 1px;
        content: "";
        background: url(../../img/arrow_icon.png) no-repeat;
    }

.main-content-block {
    background: #274580;
    float: left;
    width: 82%;
    margin: 0 0 0 1%;
    padding: 20px;
    color: #fff;
    min-height: 383px;
}

    .main-content-block.news-list, .main-content-block.news-detail {
        /*width: auto;*/
        /*margin: 0 20px;*/
        margin-left: 15px;
        margin-right: -15px;
    }


.deposit {
    overflow: hidden;
}

    .deposit h2 {
        color: #ffae00;
        font-size: 34px;
        margin: 0px;
    }

    .deposit span {
        font-size: 18px;
        text-transform: uppercase;
        vertical-align: middle;
        margin-top: 25px;
    }

    .purchase-tokens table.table-data td {
        vertical-align: middle;
        padding: 5px 10px;
    }
    
    .purchase-tokens table.table-data td button {
        padding: 12px 6px;
        line-height: 1;
        font-size: 16px;
    }

.accordion-sec .link {
    padding: 4px;
    background: #152950;
    border-radius: 8px;
}

    .accordion-sec .link img,
    .accordion-sec .link img p {
        display: inline-block;
        margin: 0px;
    }

    .accordion-sec .link p {
        font-size: 18px;
        position: relative;
        left: 20px;
    }

.accordion-sec li {
    width: 94%;
    margin: 0 auto 10px;
}

.accordion-sec .link p span {
    color: #ffae00;
}

.accordion-sec td {
    padding: 10px;
}

.cp_current li p {
    background: #1e3664;
    border: 1px solid #4a6def;
    padding: 11px;
}

    .cp_current li p:last-child {
        padding: 11px;
    }

.cp_current li .link {
    margin-bottom: 0px;
}

.full-width-curr {
    margin-left: 0px;
}

.accordion-sec .submenu {
    background: #0e1c37;
    padding: 20px;
    border-radius: 0px 0px 8px 8px;
}

    .accordion-sec .submenu h3 {
        margin: 0px;
        font-size: 20px;
        color: #f7ae00;
        padding-bottom: 15px;
    }


    .accordion-sec .submenu p {
        font-size: 14px;
        line-height: 20px;
    }

.accordion-sec .btn-now {
    background: #4a6def;
    padding: 15px;
    display: inline-block;
    margin-top: 20px;
    font-size: 18px;
}

    .accordion-sec .btn-now:hover {
        background: #233e9e;
    }

.accordion-sec li i,
.accordion-sec li.open i {
    color: #4f73b9;
}

.accordion-sec li i {
    top: 23px;
    font-size: 18px !important;
}

.accordion-sec .open .link {
    border-radius: 8px 8px 0px 0px;
}



.search-filter {
    padding: 20px 0px;
    position: relative;
    font-family: 'Source Sans Pro';
    border-top: 1px solid #152950;
    border-bottom: 1px solid #152950;
    margin: 20px 0px;
}

    .search-filter form {
        display: inline-block;
        width: 70%;
        text-transform: uppercase;
    }

    .search-filter label {
        font-size: 21px;
    }

    .search-filter input {
        color: #fff;
        background: #152950;
        border: none;
        padding: 10px 15px 7px 15px;
        margin: 0px 10px;
        width: 30%;
    }

        .search-filter input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #fff;
        }

        .search-filter input::-moz-placeholder {
            /* Firefox 19+ */
            color: #fff;
        }

        .search-filter input:-ms-input-placeholder {
            /* IE 10+ */
            color: #fff;
        }

        .search-filter input:-moz-placeholder {
            /* Firefox 18- */
            color: #fff;
        }

.search-filter-modf form label:first-child{
    text-transform: uppercase;
}

.current-bal {
    position: absolute;
    right: 0px;
    font-size: 22px;
    letter-spacing: -0.5px;
    top: 3px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

    .current-bal span {
        color: #ffae00;
    }

.accordion-res .link img {
    position: relative;
    top: 4px;
    padding-right: 10px;
    height: 25px;
}

.accordion-res .link svg {
    fill: #ffffff !important;
    color: #ffffff;
}

/* SB - Comment fixing body images displaying on full width and height

.subpage-main-section-image img {
    width: 100%;
    height: 100%;
} 

*/

.subpage-main-section-image h4 {
    margin-top: 0;
    color: #ffb400;
    font-size: 22px;
}

.subpage-main-section-image p, .subpage-main-section-image ul {
	font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 21px;
    font-weight: 400;
    list-style: none;
}

    .subpage-main-section-image p:last-child {
    }

.subpage-title-section .mobile-instructions-accordians li i {
    top: 18px !important;
}

.subpage-title-section .link {
    text-transform: uppercase;
}

.side-bar-links li:nth-child(2) .link {
    padding-left: 30px;
    background-color: #273a7f;
}

.side-bar-links li:nth-child(1) .link {
    background-color: #4a6def;
}

.side-bar-links li .link {
    background-color: #2c418f;
}

.subpage-title-section .accordion li i {
    top: 20px;
    font-size: 13px;
}

.page-title {
    font-weight: normal;
    text-transform: uppercase;
}

.subpage-main-section-image .bonus_bu {
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    margin: 0px;
    word-break: break-word;
}

.bet-footer {
    padding-bottom: 6%;
}

.main-content-block {
    margin-bottom: 3%;
}

.registration-section {
    width: 100%;
}

.main-content-block.registration-section {
    margin-left: 0;
    padding: 0;
}

.section-information {
    display: inline-block;
    width: 32%;
    margin: 10px 0px;
    vertical-align: text-top;
    padding-left: 10px;
}

.registration-section .section-information:first-child {
    padding-right: 10px;
    border-right: 1px solid #3d588d;
}

.registration-section .section-information:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
}

.registration-section .section-information:nth-child(3) {
    padding-left: 10px;
    border-left: 1px solid #3d588d;
}

.section-information .info-title {
    font-size: 28px;
    color: #ffae00;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    background-color: #17284c;
    margin-bottom: 10px;
    line-height: 1.15;
}

.section-information .registration-form-fields {
    width: 100%;
    text-align: left;
}

.registration-form-fields .form-fields {
    width: calc(32.5% - 2px);
    display: inline-block;
}

.form-fields-1 {
    width: 100%;
    display: block;
    position: relative;
}

.registration-form-fields .form-fields-1 label {
    font-size: 16px;
    line-height: 2.5;
}

.registration-form-fields .form-fields-1 input {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #94aafd;
    left: 0;
}

.registration-form-fields .form-fields-1 select {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #94aafd;
    left: 0;
    background: #17284c url(../../img/down_arrow.png) 97% 50% no-repeat;
}

.registration-form-fields .form-fields-1.dateofbirth select {
    font-size: 16px;
    font-weight: 400;
    width: calc(32.5% - 2px);
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #94aafd;
    left: 0;
    background: #17284c url(../img/down_arrow.png) 97% 50% no-repeat;
}

.registration-form-fields .form-fields select {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #2f579e;
    background: #17284c url(../../img/down_arrow.png) 97% 50% no-repeat;
}

.captcha input {
    width: 50% !important;
    display: inline-block;
}

.registration-form-fields .form-fields label {
    font-size: 16px;
    font-weight: normal;
    line-height: 2.5;
}

.registration-form-fields .form-fields input {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #94aafd;
}

select.withdrawl_margin {
    background-color: #274580 !important;
    background: #274580 url(../../img/down_arrow.png) 97% 50% no-repeat !important;
    color: #fff !important;
}

input#txtWithdrawAmount {
    background-color: #274580;
    color: #fff;
}

.dateofbirth label {
    width: 100%;
    display: block;
}

.dateofbirth-1 label {
    width: 100%;
    display: block;
}

.dateofbirth-1 input:nth-child(2) {
    width: 49%;
}

.dateofbirth-1 select {
    width: 49.5% !important;
}

.dateofbirth input:nth-child(2) {
    width: 32.5%;
}

.dateofbirth input:nth-child(3) {
    width: 32.5%;
}

.dateofbirth input:nth-child(4) {
    width: 32.5%;
}

.captcha {
    width: 100%;
}

    .captcha label {
        display: block;
    }

.captcha-section div {
    display: inline-block;
    float: right;
}

.captcha-section {
    position: relative;
    float: right;
    width: 50%;
}

.refreshcaptcha {
    float: left !important;
    padding-left: 8px;
    padding-top: 10px;
    cursor: pointer;
}

.termsandcondition-section {
    position: relative;
    padding-top: 30px;
}

.checkmark-container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default checkbox */

    .checkmark-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
}
/* On mouse-over, add a grey background color */

.checkmark-container:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */

.checkmark-container input:checked ~ .checkmark {
    background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */

.checkmark-container input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */

.checkmark-container .checkmark:after {
    left: 4px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button {
    background-color: #ffaa00;
    border: none;
    color: #101e35;
    padding: 11px 35px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 4px 2px;
    cursor: pointer;
    font-family: 'Oswald', sans-serif;
    white-space: nowrap !important;
    transition: all 0.5s ease-in-out;
    font-weight: 400;
}

.play-button .button {
    font-size: 34px;
    padding: 11px 40px;
}

.registration-contanier {
    padding-bottom: 60px;
    text-align: center;
    padding-top: 10px;
}

.radio-container {
    font-family: 'Source Sans Pro';
    display: block;
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    font-size: 14px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default radio button */

    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
/* Create a custom radio button */

.radio-checkmark {
    position: absolute;
    top: 9px;
    left: 6px;
    height: 18px;
    width: 18px;
    background-color: #274580;
    border-radius: 100%;
}
/* On mouse-over, add a grey background color */

.radio-container:hover input ~ .radio-checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */

.radio-container input:checked ~ .radio-checkmark {
    background-color: #274580;
}
/* Create the indicator (the dot/circle - hidden when not checked) */

.radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */

.radio-container input:checked ~ .radio-checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */

.radio-container .radio-checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #eda700;
}

.radiobuttons-fields {
    background-color: #17284c;
    width: 48%;
    display: inline-flex;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    height: 39px;
}

    .radiobuttons-fields label {
        height: 35px;
    }

        .radiobuttons-fields label:nth-child(2) {
            /* text-align:right;*/
            padding-right: 15px;
        }

            .radiobuttons-fields label:nth-child(2) .radio-checkmark {
                /* left:41%; */
            }

/* Page: Mobile Instructions
------------------------------------------------- */

.mobile-instructions-main-content {
    width: 100%;
    margin-left: 0px;
}

    .mobile-instructions-main-content p:first-child {
        padding-top: 30px;
    }

    .mobile-instructions-main-content p:first-child {
        padding-top: 30px;
    }

img.textwrap {
    float: left;
    margin: 0 5px 5px 5px;
    width: 144px !important;
    height: 100%;
}

.mobile-instructions-main-content p {
    float: intial;
    display: block;
}

.mobile-instructions-main-content li {
    font-size: 22px;
}

    .mobile-instructions-main-content li span {
        font-size: 14px;
        line-height: 1.9;
    }

.mobile-instructions-accordians .link {
    font-size: 16px;
    margin-bottom: 10px;
}

.mobile-instructions-accordians p {
    margin: 0;
    font-size: 14px;
    text-align: left;
}

.bet-sidebar-menu ul li {
    position: relative;
}

    .bet-sidebar-menu ul li span {
        position: absolute;
        top: 7px;
        right: 6px;
        color: #ffb400;
        background: #1b2859;
        padding: 5px;
    }

    .bet-sidebar-menu ul li:hover span {
        color: #91a7fa;
    }

.active_num {
    color: #91a7fa !important;
}

.news-list-item .button {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
}

.mobile-instruction-accordians-image {
    position: relative;
    text-align: center;
    width: 100%;
}

.mobile-instructions-accordians .submenu {
    background: none;
}

.mobile-instructions-text-area {
    width: 60%;
    padding-bottom: 30px;
    display: inline-block;
    border-right: 2px solid #596886;
}

.mobile-instructions-text-area1 {
    width: 95%;
}

    .mobile-instructions-text-area1 .textwrap {
        width: 135px !important;
    }

.mobile-instructions-text-image-area {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
}

.mobile-instructions-image-area {
    width: 39%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: 15px;
}

    .mobile-instructions-image-area img {
        width: 80%;
        max-width: 300px;
        padding: 20px;
        margin: 0 auto;
        display: block;
    }

.mobile-instructions-main-content .mobile-instructions-text-area1 p:first-child {
    padding-top: 0;
}

.mobile-instructions-button {
    text-align: center;
    display: none;
}

/* Page: Live Casino
------------------------------------------------- */
#divEvolutionBanners {
    text-align: center;
}

.slider-btm-border {
    border-bottom: 9px solid #274580;
    -webkit-box-shadow: 0 10px 8px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, .4);
}

.games-section {
    width: 100%;
    padding: 2%;
    text-align: center;
}

.game-section-border {
    width: 100%;
}

.game1-section {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.game1-play {
    width: 100%;
    display: inline-block;
    position: relative;
    border: 2px solid #4a6def;
    max-height: 588px;
    overflow: hidden;
}

.game1-play div {
    position: absolute;
    font-size: 42px;
    font-family: 'Oswald', sans-serif;
    top: 30px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    text-align: center;
}

    .game1-play img {
        width: 100%;
        display: block;
    }

    .game1-play div span:first-child {
        color: #fff;
    }

    .game1-play div span:nth-child(2) {
        color: #ffae00;
    }

.game-section-border .game1-play div {
    border-top: 1px solid #4a6def;
    border-bottom: 1px solid #4a6def;
}

.game-play-section {
    display: inline-block;
    position: relative;
    padding: 0 1%;
    width: 49.8%;
}

.game-section-border .game-play-section:first-child {
    padding-left: 0;
}

.game-section-border .game-play-section:nth-child(2) {
    padding-right: 0;
}

.play-button {
    position: absolute;
    top: 70%;
    margin: 0;
    left: 0px;
    right: 0px;
    text-align: center;
}

.relative-position {
    position: relative;
}

.visit-sports-section {
    position: relative;
    padding-top: 25px;
    text-align: left;
    float: left;
}

    .visit-sports-section .game1-play {
        border: none;
        width: 49%;
    }

        .visit-sports-section .game1-play div {
            position: relative;
            background: none;
            font-size: 45px;
        }

    .visit-sports-section p {
        color: #fff;
        font-size: 20px;
        padding: 0 20px 20px 10px;
        line-height: 25px;
    }

    .visit-sports-section .game1-play a {
        position: relative;
        top: 0;
        left: 0;
    }

    .visit-sports-section a {
        font-size: 34px;
        margin-left: 10px;
    }

    .visit-sports-section .game1-play:nth-child(2) {
        float: right;
        padding: 30px 10px 10px 10px;
    }

        .visit-sports-section .game1-play:nth-child(2) img {
            border: 2px solid #4a6def;
        }

/* Page: News List
------------------------------------------------- */

.news-list {
    background: none !important;
    padding-top: 0px;
    /*margin-left: 15px;
    margin-right: -15px;*/
    padding: 0;
}

.news-list-area {
    text-align: center;
    width: 100%;
}

    .news-list-area div {
        display: inline-block;
        width: 24.5%;
    }

.news-list-item div {
    width: 100%;
    border: none;
    padding-bottom: 5px;
}

.news-list-item p {
    font-weight: normal;
    line-height: 1.5;
    padding-bottom: 10px;
}

div.news-list-item1 {
    border: 2px solid #4a6def;
    background-color: #101734;
}

.search-container input[type=text] {
    padding: 7px 35px 6px 15px;
    font-size: 18px;
    width: 100%;
    background: #101734;
    border: 1px solid #4a6def;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    height: 45px;
    text-transform: uppercase;
}

.search-container input::placeholder {
    color: #fff;
    opacity: 1;
}

.search-container button {
    padding: 5px 5px;
    margin-top: 10px;
    background: transparent;
    font-size: 17px;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    color: #fff;
    top: 0px;
}

.search-container .search-container button:hover {
    background: #ccc;
}

.search-container {
    position: relative;
    padding-bottom: 10px;
}

div.news-list-item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
}

.display-inline-block {
    display: inline-block;
    font-weight: 400;
}

.bet-float-left {
    float: left;
}

.bet-float-right {
    float: right;
}

/* Page: Promotions List
------------------------------------------------- */

.full-width-content {
    width: 100%;
}

.promo-list-area div {
    width: 33.3%;
    display: inline-block;
    padding-bottom: 0;
}

.promo-list-area .promolist-item-title {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
    max-height: 25px;
    overflow: hidden;
    display: block;
    line-height: 1.3;
}

.promlist-section .news-list-item1 {
    width: 100%;
    align-items: center;
    flex-direction: row;
    border-color: #0b0f1e;
    position: relative;
}

.promlist-section .news-list-item1 .promolist-link {
    display: none;
    z-index: 100;
}

.news-list-item1:hover > .promolist-link {
    display: flex;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    position: absolute;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #101e35;
}
.news-list-item1 .promolist-link a {
    display: flex;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    position: absolute;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #101e35;
}

.promlist-section .news-list-item1 .promolist-link a span {
    font-size: 18px;
    margin: 0 auto;
    display: block;
    width: 40%;
    padding: 20px;
    color: #101e35;
    background-color: #ffae00;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
    .promlist-section .news-list-item1 .promolist-image {
        width: 100%;
        display: block;
        overflow: hidden;
        z-index: 1;
    }

        .promlist-section .news-list-item1 .promolist-image img {
            width: 100%;
            display: block;
            object-fit: cover;
        }

    .promlist-section .news-list-item1 .promolist-item-content {
        padding: 10px 10px 0 10px;
        word-break: break-word;
        z-index: 1;
        width: 100%;
    }

.promolist-item-content {
}
    .promolist-item-content a {
        color: #fff;
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    .promolist-item-content a:hover, .promolist-item-content a:active, .promolist-item-content a:visited {
        color: #fff;
    }

    .promolist-item-content p {
        margin: 0;
        font-size: 14px;
        height: 47px;
        overflow: hidden;
    }

    .promolist-item-content p:first-child {
        display: block;
    }
    .promolist-item-content p:nth-last-child(1) {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        height: auto;
        overflow: auto;
    }
    .promolist-item-content p:nth-last-child(1) i {
        font-size: 14px;
    }

    .promolist-item-content span:first-child {
        color: #fff;
        font-family: 'Oswald', sans-serif;
        font-size: 22px;
        /*display: block;
        margin-bottom: 5px;*/
    }

    .promolist-item-content span:nth-child(2) {
        color: #ffae00;
        font-family: 'Oswald', sans-serif;
        font-size: 22px;
        /*display: block;*/
    }

.promlist-section .news-list-item1 {
    position: relative;
}

.promo-title {
    line-height: 0.5;
    text-align: center;
}
/* headlines with lines */

.decorated {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}

    .decorated > span {
        position: relative;
        display: inline-block;
        font-family: 'Oswald', sans-serif;
        font-size: 31px;
    }

        .decorated > span:before,
        .decorated > span:after {
            content: '';
            position: absolute;
            top: 50%;
            border-bottom: 2px solid;
            width: 200px;
            /* half of limiter*/
            margin: 0 20px;
            color: #fff;
        }

        .decorated > span:before {
            right: 100%;
        }

        .decorated > span:after {
            left: 100%;
        }

.promolist-item-content .button {
    background-color: #4a6def;
    color: #fff;
    width: 145px;
    padding: 11px 0;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.decorated {
    padding-bottom: 10px;
    color: #ffae00;
    letter-spacing: 4px;
    margin: 0.5em 0 0;
}

.promo-list-area .decorated {
    padding-top: 10px;
}

.promo-list-area .promotion:first-child {
    padding-top: 0px;
}

.current-promotion-page-title {
    margin-bottom: 0;
}

.promolist-buttons {
    width: 145px !important;
}

.my-account-detail {
    width: 100%;
    display: inline-block;
   /* color: #ffb400;*/
}

.my-account-detail1 {
    display: inherit;
    font-size: 34px;
    font-family: 'Oswald', sans-serif;
    vertical-align: top;
}

.account-tabs {
    width: 100%;
    position: relative;
}

.tab .tablinks {
    vertical-align: top;
    background: #4a6def;
    border: none;
    height: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 120%;
    position: relative;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    margin-bottom: 10px;
}

    .tab .tablinks:hover {
        opacity: .9;
    }

        .tab .tablinks:hover::after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #4a6def;
            content: "";
            position: absolute;
            left: 0px;
            right: 0px;
            margin: auto;
            bottom: -5px;
        }


.tabcontent {
    padding-top: 15px;
    width: 100%;
    transform: translateX(0%);
}

.my-account {
    position: relative;
}

.my-account-page {
    position: relative;
}

.tabs-accordians-content th {
    vertical-align: middle;
    padding: 20px 10px 20px 10px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}
.tabs-accordians-content td {
    vertical-align: middle;
    padding: 5px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
}

.tabs-accordians-content {
    /*background-color: #18294c;*/
}

    .tabs-accordians-content table {
       /* background-color: #203a6d;*/
        width: 100%;
        padding: 5px;
        border-collapse: collapse;
    }

    .tabs-accordians-content td {
        text-align: right;
    }

    .tabs-accordians-content tr {
        border: 1px solid #18294c;
    }

.tab .tablinks_act {
    background: none;
    border: 1px solid #3855b2;
    position: relative;
}

    .tab .tablinks_act:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #3855b2;
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        bottom: -6px;
    }

.tabs-accordians-content .tabs-accordians-content1 {
    width: 49%;
    padding: 0;
    margin: 20px 0.3%;
    display: inline-block;
	vertical-align: top;				 
}

   /* .tabs-accordians-content .tabs-accordians-content1:nth-child(2) {
        border-right: none;
    }
*/
.tabs-accordians-content1 th {
    
}

.my-account-accordians .link {
    margin-bottom: 0;
}

.for-real-cash {
    font-family: 'Oswald', sans-serif;
    font-size: 20px !important;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    margin: 0 0 10px;
}

.vl {
    border-left: 2px solid #2c3954;
    height: 577px;
    left: 49.5%;
    position: absolute;
    padding-bottom: 10px;
}

.cancel-button {
    padding-left: 15px;
    padding-bottom: 20px;
}

.account-tabs .tab {
    line-height: 45px;
    /*text-align: right;*/
}

.profile-tab-section {
    margin-top: 20px;
}

.current-promotions-page h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    color: #ffae00;
    margin: 10px 0;
    padding-right: 10px;
    margin: 10px 0;
    letter-spacing: 2px;
    font-weight: normal;
}

.title-detail {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 21px;
    color: #fff;
    letter-spacing: 2px;
}

.current-promotions-content {
    width: 100%;
}

.current-promotions-content-image {
    width: 49.5%;
    max-width: 700px;
    display: inline-block;
    vertical-align: top;
}

.current-promotions-content-image img {
    width: 100%;
    object-fit: cover;
}

.current-promotions-content-area {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 15px 20px;
    /*font-size: 14px;*/
    line-height: 20px;
    font-weight: normal;
}

.promo-row {
    
}

.promo-row ul li ul {
    margin-bottom: 5px;
}

.promo-row ul li ul li {
    list-style: disc;
    margin-bottom: 5px;
}
.how-to-participate h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}

.how-to-participate ul {
    padding-left: 15px;
}

.how-to-participate li {
    font-size: 20px;
    color: #ffae00;
}

    .how-to-participate li span {
        font-size: 14px;
        color: #fff;
    }

.current-promotions-table table {
    text-align: center;
    width: 100%;
    border-collapse: separate;
    padding: 0 0 20px 0;
}

.current-promotions-table th,
.current-promotions-table td {
    text-align: center;
    background-color: #17294d;
    height: 50px;
}

.current-promotions-table th {
    background-color: #0e192f;
    color: #ffae00;
    font-family: 'Oswald', sans-serif;
    font-size: 21.7px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-top: 16px;
}

.current-promotions-table td {
    font-family: 'Oswald', sans-serif;
    font-size: 21.7px;
    font-weight: normal;
    letter-spacing: 1px;
    display: table-cell;
}

.cp-accordians {
    padding-top: 10px;
}

    .cp-accordians .link {
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: normal;
        text-transform: uppercase;
    }

    

    .cp-accordians p {
        font-size: 14px;
        text-align: left;
        line-height: 20px;
    }

.other-promotions {
    display: block;
    text-align: center;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
}

.current-promotions-page h4 {
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
}

    .current-promotions-page h4 span {
        font-family: 'Oswald', sans-serif;
        font-size: 40px;
        font-weight: normal;
        letter-spacing: 1px;
    }

        .current-promotions-page h4 span:first-child {
            color: #fff;
        }

        .current-promotions-page h4 span:nth-child(2) {
            color: #ffb400;
        }

.other-promotions-single-item-content div span {
    font-family: 'Oswald', sans-serif;
    font-size: 44px;
    text-align: left;
    line-height: 45px;
    text-transform: uppercase;
}

.other-promotions-single-item-content span:first-child {
    color: #fff;
}

.other-promotions-single-item-content span:nth-child(2) {
    color: #ffb400;
}

.other-promotions-items {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .other-promotions-items .other-promotions-single-item {
        border: 1px solid #4a6def;
        position: relative;
    }

.other-promotions-single-item-image {
    position: relative;
}

.current-promotions-page {
    background-color: transparent;
}

.other-promotions-single-item-content {
    position: absolute;
    width: 50%;
    background: rgba(0, 0, 1, 0.9);
    height: 100%;
    right: 0;
    padding: 40px 10px;
    top: 0;
    zoom: 0.9;
    text-align: left;
}

.cp-page {
    display: block !important;
    clear: right;
}

.game-title {
    background-color: #4768e4;
    color: #fff;
    padding: 10px;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

.game-section-border .game-type-item:first-child {
    padding-left: 0;
}

.game-section-border .game-type-item:nth-child(2) {
    padding-right: 0;
}

.game-type-item1 {
    width: 100%;
}

    .game-type-item1 img {
        width: 100%;
        display: block;
    }

.visit-button .button {
    padding: 10px 16px;
    margin-bottom: 10px;
    font-size: 16px;
}

.button:hover {
    background-color: #e09a03;
}

.gt-p {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    padding: 5px 10px;
    margin: 0;
    line-height: 20px;
    color: #fff;
}

.gt-p1 {
    background-color: #274580;
}

.game-type-item-border {
    padding: 10px 0.5%;
    display: flex;
    position: relative;
    border: none;
    vertical-align: top;
}

.game-type-item-border:first-child {
    padding-left: 0;
}
.game-type-item-border:last-child {
    padding-right: 0;
}
.game-type-item-border:last-of-type {
    padding-right: 0;
}
.game-type-item-border a {
    text-decoration: none;
    border: none;
    outline: none;
}

.game-type-item {
    width: 100%;
    position: relative;
    border: 1px solid #4a6def;
    text-align: center;
}

.current-promotions-page h4 {
    margin-bottom: 10px;
    text-align: left;
}

.other-promotions.current-promotions-page h4 {
    margin-bottom: 40px;
    text-align: center;
}

.other-promotion-button .button {
    padding: 10px 25px;
    background-color: #4a6def;
    color: #fff;
    font-weight: normal;
}

.otherpromotion-item p {
    font-size: 12px;
    font-weight: normal;
    padding-top: 15px;
}

.subpage-title-section .aboutus_acc li i {
    top: 18px;
}

.other-promotions-single-item1 {
    display: inline-block;
    width: 32.5%;
    position: relative;
    vertical-align: top;
    padding: 10px;
}

.cp-otherpromo-mc {
    margin-top: 0px !important;
}

.settings-tabs {
    width: 100%;
}

.tabs-form-feilds-content {
    width: 100%;
    transform: translateX(0%);
}

.tabs-form-feilds-container {
    width: 100%;
}

.setting-form-feilds-container {
    width: 49.5%;
}

.setting-radiobuttons-fields {
    background-color: #17284c;
    width: 100%;
    display: inline-flex;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    height: 39px;
}

    .setting-radiobuttons-fields .radio-container:nth-child(2) {
        margin-left: 40px;
    }

.tabs-form-feilds-container .registration-form-fields .form-fields-1 {
    width: 49.5%;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.settings-v1 {
    border-left: 2px solid #2c3954;
    margin-top: 10px;
    position: absolute;
    transform: translateX(49.5%);
    height: 1025px;
    left: 49.5%;
}

.tabs-form-feilds-container .form-fields-1 label {
    color: #fff;
}

.tabs-form-feilds-container .registration-form-fields .form-fields-1.dateofbirth input {
    font-size: 14px;
    font-weight: 300;
    width: 32.5%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #2f579e;
    left: 0;
}

#game-history-tab .info, #payment-history-tab .info, #netentgame-history-tab .info, #pariplaygame-history-tab .info, #internalAdjustment-history-tab .info, #evolution-history-tab .info {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
}

#payment-history-tab .registration-form-fields .form-fields-1 {
    width: 46%;
}

#payment-history-tab .registration-form-fields strong.selectto {
    width: 7%;
    display: inline-block;
}

.umbrella-slider-container {
    position: relative;
    max-width: 1330px;
    margin: 0 auto;
}

.umbrella-slider .header-slider .slide-one img {
    width: 940px;
    height: 100%;
    position: relative;
    left: 165px;
}

.umbrella-slider .slide-one {
    background: #152757;
}

    .umbrella-slider .slide-one > * {
        display: inline-block;
        vertical-align: top;
        position: absolute;
        margin-left: -170px;
    }

.umbrella-slider .slider-arrows {
    padding-left: 20px;
}

.umbrella-slider-arrow div:nth-child(2) {
    padding-right: 320px;
}

.umbrella-slider .perals-of-india {
    position: absolute;
    right: 70px;
    bottom: 55px;
    border: 1px solid #4a6def;
    z-index: 99;
}

.umbrella-slider {
    position: relative;
}

    .umbrella-slider .perals-of-india-image {
        position: relative;
    }

        .umbrella-slider .perals-of-india-image img {
            display: block;
            width: 100%;
            height: auto;
        }

    .umbrella-slider .perals-of-india-text {
        position: absolute;
        top: 30%;
        font-size: 20px;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        width: 100%;
        text-align: center;
        padding: 0px;
        font-family: 'Oswald', sans-serif;
        font-size: 53px;
    }

.carousel-umbrella {
    background: #0c1739;
    padding: 0 2%;
}

    .carousel-umbrella .col-container {
        margin: 0 auto;
        max-width: 100%;
    }

    .carousel-umbrella .col-l {
        width: calc(100% - 250px);
    }

    .carousel-umbrella .col-r {
        position: relative;
    }

    .carousel-umbrella .banner-jackpot {
        position: absolute;
        /*right: 70px;*/
        /*right: 90px;*/
        right: 0;
        /*bottom: 20px;*/
        bottom: 40px;
        border: 0px solid #4a6def;
        z-index: 99;
        /*width: 200px;*/
        width: 245px;
    }

    .carousel-umbrella .banner-jackpot-image {
        position: relative;
    }

        .carousel-umbrella .banner-jackpot-image img {
            display: block;
            width: 100%;
            height: auto;
        }

    .carousel-umbrella .banner-jackpot-text {
        position: absolute;
        top: 30%;
        font-size: 20px;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        width: 100%;
        text-align: center;
        padding: 0px;
        font-family: 'Oswald', sans-serif;
        font-size: 50px;
    }

.carousel-sportBetting {
	display: block;
	max-width: 100%;
}
.carousel-sportBetting.carousel-umbrella .col-container {
	max-width: 100%;
}
.sp-event:first-child {
	flex: 0 0 calc(33.0% - 1.2%);
	width: auto;
}
.sp-event {
	flex: 0 0 calc(16.5% - 0.6%);
	width: auto;
}

.sp-event a img {
	width: 100%;
}

.play-button-settings {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.settings-button {
    text-align: center;
    padding-top: 25px;
}

.mb-setting-image {
    position: relative;
}

.mi-setting-image1 {
    position: relative;
    width: 24.8%;
    padding: 2px;
    display: inline-block;
}

.mobile-instruction-accordians-image div img {
    width: 100%;
    padding: 0;
    padding: 2px;
}

.mi-search-icon {
    background: #ffffff;
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    z-index: 2;
    right: 10px;
    top: 5px;
    border: 1px solid #a3a3a3;
    cursor: pointer;
}

.image-name-sample {
    position: absolute;
    background-color: #17294d;
    padding: 0 10px;
    width: calc(100% - 8px);
    left: 4px;
    bottom: 0px;
}

    .image-name-sample p {
        text-align: center;
        padding: 10px !important;
        margin: 0;
    }

.umbrella-slider {
    background-color: #0d173a;
    border-bottom: 5px solid #244782;
}

.desktop-perals-of-india {
    display: block;
}

.perals-of-india-responsive {
    display: none;
}

.perals-of-india-text-1 {
    position: relative;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 53px;
}

.play-button-settings-1 {
    display: inline-block;
}

    .play-button-settings-1 img {
        padding-right: 10px;
    }

.perals-of-india-text-1 {
    display: inline-block;
    float: left;
}

.play-button-settings-1 .button {
    padding: 10px 10px;
}

.current-promotions-table-responsive {
    display: none;
}

    .current-promotions-table-responsive table {
        text-align: center;
        width: 100%;
        border-collapse: separate;
        padding: 0 0 20px 0;
    }

    .current-promotions-table-responsive th,
    .current-promotions-table-responsive td {
        text-align: center;
        background-color: #17294d;
        height: 50px;
    }

    .current-promotions-table-responsive th {
        background-color: #0e192f;
        color: #ffae00;
        font-family: 'Oswald', sans-serif;
        font-size: 21.7px;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .current-promotions-table-responsive td {
        font-family: 'Oswald', sans-serif;
        font-size: 21.7px;
        font-weight: normal;
        letter-spacing: 1px;
        display: table-cell;
    }

/*
 * jScrollPane
 */

.language-selection-items .scroll-pane {
    width: 100%;
    height: 180px;
    overflow: auto;
}

.ticker-scroll-pane {
    background: #274580;
}

.games-scroll-pane {
    max-height: none;
    overflow: hidden;
}

.horizontal-only {
    height: auto;
    max-height: 200px;
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    background: transparent;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
}

.jspHorizontalBar {
    background: transparent;
    bottom: 0;
    height: 12px;
    left: 0;
    position: absolute;
    width: 100%;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: rgba(0, 0, 0, .2);
    position: relative;
}

.jspDrag {
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
    border-radius: 5px;
}

    .jspDrag:hover {
        background: rgba(0, 0, 0, .6);
    }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    cursor: pointer;
    direction: ltr;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px;
}

.jspDisabled {
    background: #80808d;
    cursor: default;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px;
}

.jspVerticalBar .jspArrow:focus {
    border: 1px solid red;
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}



/**************start-style-overwriting****************/

#mdlVerifyEmail, #mdlChangePasswd, #mdlupload, #signupConfirmation, #oneHourIntervalmodal, #bonusActivationModal {
    display: none;
}

.tabs-accordians-content {
    padding: 15px;
}

.overlay-login-form #forgotPasswordForm select {
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    color: #2f579e;
    margin-bottom: 5px;
    margin-top: 5px;
}

.loadar-popup-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 55px;
    height: 55px;
    z-index: 150;
}

#loader {
    display: none;
    background: rgba(0, 0, 0, 0.72);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
}

.overlay-button img {
    display: none;
}

.login-box {
    display: flex;
}


.contact-sec {
    position: fixed;
    bottom: 20px;
    right: 0px !important;
    width: 58px;
    height: 181px;
    background: #274580 !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    text-align: center;
    z-index: 99999998 !important;
}


.divcontent {
    /*display: flex;
    padding: 0 2%;*/
}

#gameList > .game-item > img {
    width: 100%;
    height: 100%;
}

#gameList .all-game-all-box {
    width: 100%;
    display: flex;
    float: none;
}

    #gameList .all-game-all-box ul li {
        background: url(../../Images/rImages/newbox-bg.png)no-repeat;
        float: none;
        list-style: none;
        text-align: center;
        cursor: pointer;
        position: relative;
        margin: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-color: #3256ac;
        color: #fff;
        overflow: hidden;
    }

.game-item .overlay-button {
    top: 0;
}

.jackpot-pot {
	z-index: 999;
    position: absolute;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    bottom: 5px;
    width: 96%;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
}

#quickLinksUl2 {
    display: flex;
    line-height: 1.3;
    max-width: 1297px;
    flex-wrap: wrap;
    margin: 0 auto;
}

.footer-centered .links a {
    border-right: 1.4px solid #6998f4;
    width: 14%;
    margin: 10px 0;
}

.footer-centered .links a:nth-child(7n) {
    border-right: none;
}

.payment-class {
    display: flex;
    width: 830px;
    margin: auto;
}

    .payment-class li {
        display: flex;
        /*width: 150px;*/
        justify-content: flex-start;
        align-items: center;
        padding-left: 15px;
        transition: all 0.5s ease-in-out;
    }

.payment-class-paysafe {
    display: flex;
    width: 485px;
    margin: auto;
}

    .payment-class-paysafe li {
        display: flex;
        width: 150px;
        justify-content: flex-start;
        align-items: center;
        padding-left: 30px;
        transition: all 0.5s ease-in-out;
    }

.partner-cont {
    display: flex;
    margin: auto;
    width: 100%;
}

    .partner-cont li {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: auto;
    }

.game-responsible {
    display: flex;
    margin: auto;
    width: 200px;
}

    .game-responsible li {
        display: flex;
        justify-content: center;
    }

.right-block.latest-winners {
    height: 359px;
}

.freebets {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.right-block.banner-play-now {
    position: relative;
}

.slideshow {
    overflow: hidden;
    height: 410px;
    position: absolute;
    width: 100%;
}

.slideshow_wrapper .slideshow img {
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
    height: 100%;
}

.banner-play-now .play-now {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

button.overlay.btn {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    line-height: 22px;
    padding: 10px;
    cursor: pointer;
    width: 80%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0px;
}


.left-content {
    width: 50%;
}

button.bt-baum-dark {
    color: white;
    background: #000;
}

button.bt-baum-orange {
    color: #101e35;
    background-color: #ffae00;
}

.game-home {
    width: 150px;
}

.winner-details .amount {
    font-size: 16px;
}

.desktopscreen {
    display: flex;
}

header .header.container .nav-item.language {
    padding: 16px;
}

ol li {
    line-height: 20px;
    padding-bottom: 10px;
}

#gameRules_rules ul {
    padding: 0px;
}

    #gameRules_rules ul li {
        list-style-type: none;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
    }

.accordion-res .submenu a.active::before, .accordion-res .submenu a.selected::before {
    font-size: 14px;
    padding-right: 15px;
    position: relative;
    top: 4px;
    content: "";
    background: url(../../img/arrow_icon.png) no-repeat;
}

.accordion-res .submenu a.active, .accordion-res .submenu a.selected {
    background: #273a7f;
    color: #8195df;
}

.pp_image.nav-item.loggedin-deposit {
    width: 504px !important;
}

#tab-available-bonus .tabs-accordians-content {
    padding: 0;
}

.tabs-accordians-content ul.playerBonusDetails {
    width: 100%;
    padding: 0px;
}

li.has-sub {
    margin-bottom: 15px;
}

    li.has-sub a {
        text-decoration: none;
    }

    li.has-sub:last-child {
        margin-bottom: 0;
    }

.padding {
    padding: 0px;
}

.bgnone {
    background: none;
}

#tab-available-bonus .tabs-accordians-content ul.playerBonusDetails li {
    border: 1px solid #4a6def;
    padding: 10px;
    border-top: none;
    color: #fff;
}

.tabs-accordians-content ul.playerBonusDetails li a {
    color: #ffae00;
    display: block;
}

.registration-form-fields .form-fields-1 div.input-margin {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #2f579e;
    left: 0;
    float: left;
}

input[type="file"] {
    display: block;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.message-overlay {
    position: fixed;
    z-index: 9999999;
}

.dailylimit {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}

#spanDepositRequested {
    display: block;
    text-transform: uppercase;
}

.box-container .box-title-left {
    text-align: left;
}

.checkmark-container {
    text-align: left;
    font-size: 14px;
}

label.checkmark-container a {
    color: #fff;
}

.img-none {
    display: none;
}

.submenu button {
    display: block;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    padding: 14px 20px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background: transparent;
    border: transparent;
    border-bottom: 1px solid #4a6def;
    width: 100%;
    text-align: left;
}

.accordion-res .submenu button:hover {
    background: #273a7f;
    color: #8195df;
}

    .accordion-res .submenu button:hover::before {
        font-size: 14px;
        padding-right: 15px;
        position: relative;
        top: 1px;
        content: "";
        background: url(../../img/arrow_icon.png) no-repeat;
    }

.footer-centered img {
    width: 100%;
}


ul.netent-baum li {
    padding: 5px;
}

ul.netent-baum {
    display: flex;
    margin: 10px auto 0;
    justify-content: center;
}

ul.game-icon {
    display: flex;
    margin: 10px auto 0;
}

    ul.game-icon li {
        justify-content: flex-start;
        padding-left: 10px;
        transition: all 0.5s ease-in-out;
        max-width: 50px;
    }

.message-overlay .popup.message a.close-btn {
    font-size: 16px;
}

.account-page {
    margin-top: 15px;
}
/* calender css datepicker*/
#ui-datepicker-div {
    padding: 0px;
    background: #274580;
    border-radius: 5px;
    border: 1px solid #3855b2;
    position: relative;
}

#ui-datepicker-div .ui-widget-header {
    background: #4a6def;
    padding: 5px 10px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 10px;
}

.ui-datepicker .ui-datepicker-prev::before {
    content:"\003c ";
}

.ui-datepicker .ui-datepicker-next {
    right: 10px;
}

.ui-datepicker .ui-datepicker-next::after {
    content:" \003e";
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 12px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker-title select {
    background: #4a6def;
    border: 0px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.ui-datepicker-title select option {
    width: 50px;
}

.ui-state-disabled .ui-state-default {
    color: #fff;
}

.ui-state-default {
    color: #4f73b9;
}

.ui-datepicker-calendar {
    margin: 10px;
}

.ui-datepicker-calendar thead tr th {
    color: #ffae00;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px 5px 0;
    text-transform: uppercase;
}

.ui-datepicker-calendar tbody tr td a {
    color: #fff;
    text-decoration: none;
}

.ui-datepicker-calendar tbody tr td span.ui-state-default, .ui-datepicker-calendar tbody tr td.ui-state-disabled {
    color: #4f73b9;
}

.header.container .nav-item.loggedin-deposit {
    border-right: 0px;
    border-left: 0px;
}

.popup .close {
    border: none;
}




table.table-data thead {
    background: #496def;
}

table.table-data thead tr th {
    color: #fff;
    text-align: left;
    padding: 5px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
}

table.table-data tbody {
    background: #1D335E;
}

table.table-data td {
    font-family: 'Source Sans Pro', sans-serif;
    padding: 2px 5px;
}
    table.table-data tbody tr th {
        color: #fff;
        text-align: left;
        padding: 5px;
    }

    table.table-data tbody tr:nth-child(even) {
        background: #152950;
    }

    table.table-data tbody tr:nth-child(odd) {
        background: #1D335E;
    }

#dvAllExistingRequests label {
    color: #fff;
    
}

table.table-data tbody tr td .withdrawl_margin {
    background: #ffae00;
    color: #101e35;
    border: 1px solid #ffae00;
    padding: 7px 15px;
    font-size: 18px;
    letter-spacing: 0;
}

table.table-data tbody tr td .btnCancelCashOut {
    background: #ffae00;
    color: #101e35;
    border: 1px solid #ffae00;
    padding: 7px 15px;
    font-size: 18px;
    letter-spacing: 0;
}

.profile-tabs button a {
    color: #fff;
    text-decoration: none;
}

.logindetails input[type="text"]:disabled {
    background: #1D335E;
}

.last-login-details {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.last-login-details form {
    font-family: 'Oswald', sans-serif;
}

.last-login-details form label {
    cursor: default;
}

.last-login-details form input {
    line-height: 1;
    padding: 10px 15px 10px 28px;
    width: auto;
}

.last-login-details p.ip-address {
    font-family: 'Oswald', sans-serif;
    display: block;
    margin-top: 15px;
    position: relative;
    font-size: 22px;
}
/*    .last-login-details p.current-bal {
        right: 0px;
        font-size: 28px;
        padding-bottom: 0;
    }
		*/		   
					
 


table.table.table-striped.table-data {
    width: 100%;
}

#dvAllExistingRequests table.table-data tbody tr td, #transactionList table.table-data tbody tr td, #spin-history-tab table.table-data tbody tr td, #sportbook-history-tab table.table-data tbody tr td, #dvCardNumbers table.table-data tbody tr td, .agency-withdrawal-history table.table-data tbody tr td, #divMBTTaxInfo table.table-data tbody tr td, #dvCasinos table.table-data tbody tr td {
    padding: 5px;
    position: relative;
    min-height: 51px;
}

#dvCardNumbers table, #dvAllExistingRequests table, .agency-withdrawal-history table, #divMBTTaxInfo table, #dvCasinos table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

#transactionList {
    margin-top: 15px;
}

.view-monetary-limits .system-imposed-info label {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}

.loggedin-dropdown .left-deposit div, .loggedin-dropdown .center-deposit, .loggedin-dropdown .right-deposit div {
    align-items: baseline;
    text-align: left;
    justify-content: flex-start;
}

aside.popupWindow {
    /*width: 15%;*/
    background: #0c1739;
    padding: 8px;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 100;
    border: 1px solid #4a6def;
    -webkit-animation: popupmove 1s;
    animation: popupmove 1s;
}

@-webkit-keyframes popupmove {
    from {
        top: 0px;
    }

    to {
        top: 50px;
    }
}

@keyframes popupmove {
    from {
        top: 0px;
    }

    to {
        top: 50px;
    }
}

aside.popupWindow p, aside.popupWindow a {
    color: #fff;
}

.myaccountdetails .registration-form-fields .form-fields-1 {
    width: 46.5%;
}

strong.selectto {
    padding: 0 20px;
}

.form-fields-1.margin-left {
    margin-left: 24px;
}

.formError {
    position: absolute;
    top: 40px;
    left: 241px !important;
    margin-top: -54px;
    width: 40%;
    text-align: center;
}

.section-information .registration-form-fields {
    position: relative;
}

.formErrorContent {
    background: #e61e1a;
    font-size: 12px;
    padding: 10px;
}

.popover {
    position: absolute !important;
    background: #36599e;
    left: 0px !important;
    z-index: 150;
    padding: 15px;
    width: 70%;
}

    .popover span {
        color: #fff;
    }

    .popover ul li {
        list-style-type: none;
        color: #fff;
    }

.bootbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index: 300;
    height: 200%;
}

.modal-dialog {
    margin: 200px auto;
    padding: 20px;
    background: #274580;
    border-radius: 0px;
    width: 970px;
    position: relative;
    transition: all 0.5s ease-in-out;
    display: flow-root;
    color: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.60);
}

.modal-content {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.modal-header .close {
    position: absolute;
    top: 0px;
    right: 0px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #3661b6;
    padding: 2px 8px 2px 8px;
}

.modal-header .close {
    border: none;
}
.modal-body {
    margin-bottom: 15px;
    font-size: 16px;
}
#txtIsdCodeRegister {
    width: 20%;
}

#txtPhoneRegister {
    width: 78%;
}

#dropdownDocumenttype {
    width: 40%;
}

#textNumber {
    width: 58%;
}

/*#signupConfirmation{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    background:rgba(0, 0, 0, 0.54);
    z-index:20;
}*/
.tooltip {
    width: 200px;
    height: auto;
    padding: 20px;
    border: 2px solid #36599e;
    background: #17284c;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    top: 5px;
    right: -15em;
    display: none;
    z-index: 160;
}

.left-arrow {
    background: url(../../img/left_arrow.png) no-repeat;
    height: 15px;
    width: 13px;
    position: absolute;
    left: -11px;
    top: 25%;
}

.tooltip-1 {
    width: 200px;
    height: auto;
    padding: 20px;
    border: 2px solid #36599e;
    background: #17284c;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    top: 5px;
    right: -15em;
    display: none;
    z-index: 160;
}

.left-arrow-reset {
    background: url(../../img/right_arrow.png) no-repeat;
    height: 15px;
    width: 13px;
    position: absolute;
    right: -11px;
    top: 25%;
}

.tooltip-reset {
    width: 200px;
    height: auto;
    padding: 20px;
    border: 2px solid #36599e;
    background: #17284c;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    top: 5px;
    left: -13em;
    display: none;
    z-index: 160;
    color: #fff;
}

span.required-field-text {
    color: #fff;
    background: #f11111;
    padding: 5px;
    /*position: absolute;*/
    top: 18px;
    left: 11px;
}

.kyc-content-block {
    width: 100%;
    margin-left: 0px;
}

.captcha-section .captchaimage {
    height: 38px;
}
/**************end-style-overwriting****************/

/* s css */
.header-form {
    display: flex;
    display: -webkit-box;
}

#mdlChangePasswdMob {
    display: none;
}

.header-form .fields .formError {
    left: 0 !important;
}

.formError .formErrorContent {
    text-transform: initial;
}


.col-sm-12 {
    width: 100%;
    height: auto !important;
}

.overlay-login-form form div.formError, .overlay-login-form form div.formError div {
    height: auto;
    display: block;
}

.overlay-login-form form div.formError {
    left: 150px !important;
}

.overlay-login-form form .form-fields-1 {
    height: auto;
    margin-bottom: 15px;
}

.overlay-login-form form div.formError .formErrorArrow div {
    height: 1px;
}

.overlay-login-form form .txtEmailformError.parentFormloginForm.formError, .overlay-login-form form .txtPasswordformError.parentFormloginForm.formError {
    left: 125px !important;
}

.overlay-login-form form .txtEmailformError.parentFormloginForm.formError {
    top: 21px !important;
}

.contact-form-buttons .button {
    vertical-align: middle;
}

.welcome-login-text .loggedin-dropdown > div {
    padding: 20px;
    flex: 1 1;
}

    .welcome-login-text .loggedin-dropdown > div a {
        align-items: baseline;
        text-align: left;
        justify-content: flex-start;
        flex-direction: row;
    }

    .welcome-login-text .loggedin-dropdown > div.center-deposit {
        min-width: 350px;
        border: 0;
    }

    .welcome-login-text .loggedin-dropdown > div.left-deposit {
        border-right: 1px solid #264fa0;
    }

    .welcome-login-text .loggedin-dropdown > div.right-deposit {
        border-left: 1px solid #264fa0;
    }

.right-deposit .header-kyc-link a span {
    margin-right: 10px;
}

ul:not([class]), ol:not([class]) {
    margin-left: 1.8em;
    margin-right: 0;
}

.header.container .nav-item .arrow-face.small {
    width: 10px;
    margin-left: 5px;
}

.btn-yellow + div {
    margin-top: 10px;
}

.modal.fade {
    position: absolute;
    top: 75px;
    left: 0px;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    z-index: 99999999;
    border-radius: 10px;
    text-align: center;
}

    .modal.fade .modal-dialog {
        margin: 20px auto 0;
        width: auto;
        border-radius: 10px;
        display: inline-block;
    }

        .modal.fade .modal-dialog .modal-header .close {
            color: white;
            font-size: 14px;
            float: right;
            border: 2px solid;
            border-radius: 100%;
            height: 20px;
            line-height: 15px;
            width: 20px;
            font-weight: bold;
            cursor: pointer;
            padding: 0;
        }

        .modal.fade .modal-dialog #loginFormHdr2 .form-group {
            margin-bottom: 5px;
        }

            .modal.fade .modal-dialog #loginFormHdr2 .form-group:after {
                content: '';
                display: table;
                clear: both;
            }

        .modal.fade .modal-dialog #loginFormHdr2 input[type="text"], .modal.fade .modal-dialog #loginFormHdr2 input[type="password"] {
            font-size: 12px;
            color: #4f73b9;
            font-weight: 400;
            background-color: #152950;
            border: none;
            border-right: 1px solid #36599e;
            border-bottom: 1px solid #36599e;
            text-indent: 10px;
            line-height: 25px;
            display: block;
            width: 100%;
        }

        .modal.fade .modal-dialog #loginFormHdr2 .form-group label.control-label {
            display: none;
        }

        .modal.fade .modal-dialog #loginFormHdr2 .btn {
            background-color: #4a6def;
            padding-left: 14px;
            padding-right: 14px;
            color: #fff;
            font-size: 11px;
            line-height: 35px;
            cursor: pointer;
            border: none;
            text-transform: uppercase;
        }


#ConfirmSelfExclusionModal .modal-dialog {
    width: 600px;
}

#ConfirmSelfExclusionModal .modal-dialog .modal-footer {
    margin-top: 15px;
}

#ConfirmSelfExclusionModal .modal-dialog .modal-title {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #4a6def;
}


#ConfirmEmpModal, #bonusCancelationModal {
    display: none;
}

#playerFormRegister label[for="txtLastNameRegister"] + .txtLastNameRegisterformError.parentFormplayerFormRegister.formError {
    left: 266px !important;
}

#playerFormRegister label[for="txtFirstNameRegister"] + .txtFirstNameRegisterformError.parentFormplayerFormRegister.formError {
    left: 134px !important;
}

#playerFormRegister label[for="ddlYearRegister"] + .birth-space .ddlYearRegisterformError.parentFormplayerFormRegister.formError {
    left: 50px !important;
}

#playerFormRegister #ddlYearRegister + .ddlMonthRegisterformError.parentFormplayerFormRegister.formError {
    left: 134px !important;
}

#playerFormRegister #ddlMonthRegister + .ddlDayRegisterformError.parentFormplayerFormRegister.formError {
    left: 265px !important;
}

.current-promotions-table {
    margin-top: 10px;
}

p[class*="MsoListParagraph"] {
    text-indent: 0 !important;
}

.accordion .submenu-acordion a {
    color: #428bca;
    text-decoration: none;
}

    .accordion .submenu-acordion a:hover {
        color: #2a6496;
        text-decoration: underline;
    }

.main-content-block .cp_current li p {
    background: transparent;
    border: none;
}

.term-and-condition ul li {
    list-style-type: lower-alpha;
    padding-left: 5px;
    padding-bottom: 9px;
}

iframe#liveChatIframe {
    z-index: 999 !important;
    right: 66px !important;
}

span#liveChat_Closebtn {
    right: 60px !important;
    z-index: 999 !important;
    bottom: 53.4% !important;
    box-shadow: -2px 2px 3px rgba(0,0,0,0.15);
    padding: 4px 6px !important;
}

.language-section {
    position: relative;
    order: 2;
}

.popup-section {
    width: 0;
    padding: 0 !important;
}

/*for mobile*/
.Menu-nav-cont.mob-logo-section {
    display: flex;
}
/*.mobile-menu-ham span{
    height:25px;
    width: 28px;
    top:28px;
}*/

.header.container .mobile-menu li.mobile_menu_heading {
    display: block;
    width: 100%;
    text-align: left;
    background-color: #1e3e7f;
    padding: 5px;
    border-top: 1px solid #3c58a4;
    border-bottom: 1px solid #1e2f58;
    height: auto;
    border-left: 0px;
    border-right: 0px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #fff;
    line-height: 40px;
}

    .header.container .mobile-menu li.mobile_menu_heading a {
        color: #fff;
    }

.mobile-menu .nav-item a.sub-menu {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 30px;
    z-index: 9;
    height: 40px;
    background: rgba(0,0,0,0.2);
    text-align: center;
}
/*forgot pwd css*/
.overlay-forgotpwd {
    display: none;
    position: absolute;
    top: 75px;
    left: 0px;
    width: calc(100% - 20px);
    background-color: #274580;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 99999999;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

    .overlay-forgotpwd h3 {
        margin: 0px;
        font-size: 14px;
        color: white;
        font-weight: normal;
        line-height: 40px;
    }

    .overlay-forgotpwd input[type="text"],
    .overlay-forgotpwd input[type="password"] {
        font-size: 12px;
        color: #4f73b9;
        font-weight: 400;
        background-color: #152950;
        border: none;
        border-right: 1px solid #36599e;
        border-bottom: 1px solid #36599e;
        text-indent: 10px;
        line-height: 25px;
        display: block;
        width: 100%;
    }

    .overlay-forgotpwd input[type="password"] {
        margin-top: 10px;
    }

#ctrlContainerFrgtPasswd {
    position: relative;
}


.overlay-forgotpwd div,
.overlay-forgotpwd div a {
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    text-transform: initial;
    text-decoration: none;
}

    .overlay-forgotpwd div input[type="submit"] {
        background-color: #4a6def;
        padding-left: 14px;
        padding-right: 14px;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        line-height: 35px;
        cursor: pointer;
        border: none;
        text-transform: uppercase;
    }

.overlay-forgotpwd span.close-icon {
    color: white;
    font-size: 14px;
    float: right;
    border: 2px solid;
    border-radius: 100%;
    height: 20px;
    line-height: 15px;
    width: 20px;
    font-weight: bold;
    cursor: pointer;
}

.overlay-forgotpwd .form-fields-1 select {
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    background-color: #17284c;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    color: #2f579e;
    left: 0;
    background: #17284c url(../../img/down_arrow.png) 97% 50% no-repeat;
}

}

iframe#liveChatIframe {
    z-index: 999 !important;
    right: 66px !important;
}

span#liveChat_Closebtn {
    right: 60px !important;
    z-index: 999 !important;
    bottom: 53.4% !important;
    box-shadow: -2px 2px 3px rgba(0,0,0,0.15);
    padding: 4px 6px !important;
}

.forget-verify a {
    margin-right: 40px;
}

a.btn-now {
    cursor: pointer;
}

.checkmark-container .parentFormplayerFormRegister.formError {
    left: 40px !important;
}

.checkmark-container .cbTermsAndConditionsformError.parentFormplayerFormRegister.formError {
    left: 237px !important;
}

.right-hang .clock_style {
    display: block;
    padding-top: 12px;
    padding-bottom: 11.3px;
    border-top: 1px solid #3856a9;
    text-decoration: none;
    color: white;
    font-size: 14px;
}


#divBannerModalPopUp .popup h4 {
    margin-bottom: 30px;
    text-transform: uppercase;
}

#divBannerModalPopUp .box-container {
    line-height: 1.15;
}

#divBannerModalPopUp .checkmark-container {
    font-size: 14px;
}

#divBannerModalPopUp .box-action-right a {
    padding: 10px;
    display: block;
    text-transform: uppercase;
}

div#chat_container {
    height: auto;
}

.off-chat {
    color: #f00;
    padding-top: 12px;
    padding-bottom: 11.3px;
    border-bottom: 1px solid #1a2e5b;
    border-top: 1px solid #3856a9;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

    .off-chat svg {
        fill: #f00;
    }

.quickLinks-sec a.tab2.selected {
    background: #273a7f;
    color: #8195df;
}

    .quickLinks-sec a.tab2.selected:before {
        font-size: 14px;
        padding-right: 15px;
        position: relative;
        top: 1px;
        content: "";
        background: url(../../img/arrow_icon.png) no-repeat;
    }

/* PAGINATION */

.pagination {
    text-align: center;
}

.pagination ul {
    list-style: none;
}

.pagination ul li {
    display: inline-block;
    list-style: none;
    margin: 0 5px 10px 5px;
}

.pagination ul li.first, .pagination ul li.previous, .pagination ul li.next, .pagination ul li.last {
    
}
.pagination ul li.active {
    
}

.pagination ul li a, .pagination ul li span {
    padding: 5px 10px;
    background-color: #1d335e;
    text-decoration: none;
    display: block;
}

/*.carousel-wrapper.carousel-casino, */
.ticker-scroll-pane.horizontal-only {
    display: none !important;
}

a.btn:hover, a.button:hover {
    color: #000;
    text-decoration: none;
}

.accordion-content {
    font-family: 'Source Sans Pro', sans-serif;
    background: #1e3664;
    border: 1px solid #4a6def;
    padding: 20px 10px;
}

.main-content-block.news-list.promotion-links {
    margin: 0 auto 3%;
    padding: 0;
}

.error {
    color: #fff;
    background: #ee1040;
    padding: 5px;
    text-transform: uppercase;
    line-height: 1.4;
}
.success
{
	color: #fff;
    background: #24da40;
    padding: 5px;
    text-transform: uppercase;
    line-height: 1.4;
	
}
#msgPayout {
    margin-bottom: 20px;
}

div#loggedin ~ form#loginFormHdr {
    display: none;
}

.tab .tablinks.active {
    background: none;
    border: 1px solid #3855b2;
    position: relative;
}

    .tab .tablinks.active:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #3855b2;
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        bottom: -6px;
    }





.right-side {
    width: 300px;
}

.left-content {
    width: 65%;
}

.promo-list-area .promotion {
    display: flex;
    flex-flow: row wrap;
}

    .promo-list-area .promotion:after {
        content: '';
        display: table;
        clear: both;
    }

.promo-list-area .decorated {
    flex: 0 0 100%;
}

.promo-list-area .promlist-section .news-list-item1 {
   align-items: flex-start;
}

.promo-list-area .promlist-section .news-list-item1:hover {
    
}

.bootbox.modal.NewModal.fade {
    border-radius: 0;
    margin: 0;
    width: 100%;
    top: 0;
}

    .bootbox.modal.NewModal.fade .modal-dialog {
        width: 970px;
        max-width: 90%;
        border-radius: 0;
        margin-top: 100px;
    }

    .bootbox.modal.NewModal.fade .modal-header {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .bootbox.modal.NewModal.fade .modal-footer {
        margin-top: 20px;
    }

    .bootbox.modal.NewModal.fade .btn {
        clear: both;
        display: block;
        width: 200px;
        margin: 10px auto;
        background-color: #ffaa00;
        border: none;
        color: #101e35;
        padding: 11px 35px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 24px;
        cursor: pointer;
        font-family: 'Oswald', sans-serif;
        white-space: nowrap !important;
        transition: all 0.5s ease-in-out;
    }

div#mdlVerifyEmail, div#mdlForgotPasswd, div#mdlLogin {
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    min-height: 294px;
    height: 100%;
    margin: 0;
    width: 100%;
    border-radius: 0;
    top: 0;
}

.overlay-forgotpwd {
    background: #274580 !important;
}

div#mdlVerifyEmail .modal-dialog, div#mdlForgotPasswd .modal-dialog, div#mdlLogin .modal-dialog {
    width: 455px;
    max-width: 90%;
    margin-top: 100px;
    position: relative;
}

div#mdlForgotPasswd .modal-dialog, div#mdlLogin .modal-dialog {
    margin: 20px auto 0;
    margin-top: 100px;
}

div#mdlForgotPasswd .close-icon, div#mdlVerifyEmail .close-icon, div#mdlLogin .close-icon {
    position: absolute;
    top: 0;
    right: 0;
}

div#ctrlContainerFrgtPasswd {
    flex-flow: row wrap;
}



    div#ctrlContainerFrgtPasswd span.required-field-text {
        background: transparent;
        text-align: left;
        display: block;
        font-size: 14px;
        margin-bottom: 10px;
    }

/*h3#mdlForgotPasswd_Label {
    font-size: 18px;
}*/

div#msgFrgtPasswd {
    font-size: 14px;
    font-weight: 400;
}

#forgotPasswordForm .error, #forgotPasswordForm .success {
    display: block !important;
}


.reset-password-form .required-field-text {
    font-size: 14px !important;
    color: #ffae00;
}

.change-password-heading h2 {
    text-align: center;
    font-size: 30px !important;
}

.change-password-heading .message {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
}

 .tabs-form-feilds-container .reset-password-form .form-fields-1 {
    display: block;
}

.reset-password-form .settings-button {
    text-align: left;
}

.middle-section {
    width: 100%;
}

    .middle-section:after {
        content: '';
        display: table;
        clear: both;
    }

div#vmenu .link {
    text-transform: uppercase;
}

#transactionList .info {
    margin-top: 20px;
    font-size: 16px;
}

.myaccountdetails .form-fields-1.margin-left {
    margin-left: 16px;
}

.set-monetary-limits div#cssmenu {
    font-size: 16px;
    font-weight: bolder;
}

.set-monetary-limits input::-moz-placeholder,
.set-monetary-limits input::-webkit-input-placeholder,
.set-monetary-limits input::-moz-placeholder,
.set-monetary-limits input:-ms-input-placeholder,
.set-monetary-limits input:-moz-placeholder {
    color: #3990ff;
    opacity: 1;
}

.set-monetary-limits input::-moz-placeholder {
    color: #3990ff;
    opacity: 1;
}

.set-monetary-limits .float-right .errmsg {
    display: none !important;
}

div#EmailChangedModal .modal-body {
    margin-bottom: 20px;
}

.middle-section:after {
    content: '';
    display: table;
    clear: both;
}

.login-form .extra a:focus {
    text-decoration: underline;
}

.carousel-umbrella .banner-jackpot .right-block.latest-winners {
    /*height: 310px;
    max-height: 310px;
    margin-bottom: 0;*/
    height: 250px;
    max-height: 250px;
    margin-bottom: 0px;
}


.ticker-item img {
    height: 70px;
}
/*
.ticker-item h4 {
    font-size: 36px;
    min-width: 169px;
    width: auto;
}
*/
header.top-header .nav-item ul {
    min-width: 127px;
}

.nav-item.menu-item > a {
    font-size: 20px;
    display: inline-block;
}

    .nav-item.menu-item > a svg, .nav-item.menu-item > a span {
        vertical-align: middle;
    }

.logout-padding {
    margin-top: 20px;
}

.current-promotions-content h1 {
    font-size: 40px;
    color: #ffb400;
}


.current-promotions-content h2 {
    font-size: 35px;
    color: #fff;
    line-height: 1.5;
}

.current-promotions-content h3 {
    font-size: 30px;
    color: #ffb400;
}

#provider-netent {
    display: none;
}

#provider-pg {
    display: none;
}
#provider-pariplay {
    display: none;
}
#provider-skywind {
    display: none;
}
#provider-isoftbet {
    display: none;
}
#provider-playzido {
    display: none;
}
#provider-quickspin {
    display: none;
}
#provider-rubyplay {
    display: none;
}
#provider-pgsoft {
    display: none;
}
#provider-redrake {
    display: none;
}
#provider-microgaming {
    display: none;
}

.left-sidebar .submenu a {
    word-break: break-word;
}

span.toggleMenu.open {
    z-index: 10000;
}



.mobile-display {
    display: none;
}


.overlay-login-form {
    display: none;
    position: absolute;
    top: 75px;
    left: 0px;
    width: calc(100% - 20px);
    background-color: #274580;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 99999999;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
}

    .overlay-login-form h3 {
        margin: 0px;
        font-size: 18px;
        color: white;
        font-weight: normal;
        line-height: 40px;
    }

    .overlay-login-form input[type="text"],
    .overlay-login-form input[type="password"] {
        font-size: 14px;
        color: #4f73b9;
        font-weight: 400;
        background-color: #152950;
        border: none;
        border-right: 1px solid #36599e;
        border-bottom: 1px solid #36599e;
        text-indent: 10px;
        line-height: 25px;
        display: block;
        width: 100%;
    }

    .overlay-login-form input[type="password"] {
        margin-top: 10px;
    }

    .overlay-login-form form div {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 300;
        color: white;
        align-items: center;
        height: 50px;
    }

    .overlay-login-form input[type="checkbox"] {
        padding: 8px;
    }

    .overlay-login-form div,
    .overlay-login-form div a {
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        text-transform: initial;
        text-decoration: none;
    }

        .overlay-login-form div input[type="submit"], .overlay-login-form div input[type="button"], .overlay-forgot-password-form div input[type="submit"], .overlay-forgot-password-form div input[type="button"] {
            background-color: #4a6def;
            padding:10px 20px;
            color: #fff;
            font-size: 18px;
            line-height: 1;
            cursor: pointer;
            border: none;
            text-transform: uppercase;
        }

    .overlay-login-form span.close-icon {
        color: white;
        font-size: 14px;
        float: right;
        border: 2px solid;
        border-radius: 100%;
        height: 20px;
        line-height: 15px;
        width: 20px;
        font-weight: bold;
        cursor: pointer;
    }

.overlay-forgot-password-form {
    /*display: none;*/
    position: absolute;
    top: 30px; /*75px;*/
    left: 0px;
    width: calc(100% - 20px);
    background-color: #274580;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 99999999;
    border-radius: 10px;
   /* padding: 10px;*/
    text-align: center;
}

    .overlay-forgot-password-form .modal-dialog .close-icon {
        color: white;
        font-size: 14px;
        border: 2px solid;
        border-radius: 100%;
        height: 20px;
        line-height: 15px;
        width: 20px;
        font-weight: bold;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        text-transform: lowercase;
    }

    .overlay-forgot-password-form .modal-dialog {
        padding: 10px;
    }

    .overlay-forgot-password-form h3 {
        margin: 0px;
        font-size: 18px;
        color: white;
        font-weight: normal;
        line-height: 40px;
    }

    .overlay-forgot-password-form input[type="text"], .overlay-forgot-password-form select {
        font-size: 14px;
        color: #4f73b9;
        font-weight: 400;
        background-color: #152950;
        border: none;
        border-right: 1px solid #36599e;
        border-bottom: 1px solid #36599e;
        text-indent: 10px;
        line-height: 25px;
        display: block;
        width: 100%;
        padding: 5px;
    }

    .overlay-forgot-password-form .form-fields-1 {
        margin-bottom: 10px;
    }


.menu-expand {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    width: 40px;
    text-align: center;
    border-left: 1px solid #1e2f58;
}

.view-profiletab-contantainer .charge-account-box {
    margin-top: 30px;
}

.charge-account-pagebox h3 {
    margin-bottom: 10px;
    font-weight: 400;
}

.charge-account-pagebox a:hover {
    color: #000;
}

.view-profiletab-contantainer .charge-account-box {
    margin-top: 30px;
}

@media (max-width:767px) {
    .mobile-display {
        display: block;
    }
}


.banner-heading-aside {
    padding: 100px 0px 0 0;
    color: #fff;
    text-align: right;
    text-shadow: 5px 4px 3px rgba(0,0,0,0.5);
}


.charge-account {
    display: flex;
    flex-flow: row wrap;
}

.charge-account .charge-account-box {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 5px;
}

.charge-account .charge-account-box:nth-child(2n) {
    padding: 0 0 0 5px;
}

.charge-account .charge-account-box .charge-account-pagebox {
    border-radius: 5px;
    background: #152950;
    padding: 25px 20px 65px;
    min-height: 100%;
    position:relative;
}
.charge-account .charge-account-box .charge-account-pagebox .btn {
    position: absolute;
    bottom: 25px;
}

.charge-account .charge-account-box a:hover {
    color: #000;
}
/*.ticker-scroll-pane.horizontal-only .ticker {
    overflow-y: auto;
}
*/

.carousel-sportBetting.carousel-umbrella .col-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.carousel-sportBetting.carousel-umbrella .col-container .col-4 {
    flex: 0 0 calc(25% - 15px);
}

.carousel-sportBetting.carousel-umbrella .col-container .col-4 img {
    width: 100%;
}

#divMBTCustomerDetails .form-group{
     margin:10px;
}

#divMBTCustomerDetails .form-group div.col-sm-4
{
    float: left;
}

#divMBTCustomerDetails .form-group div.col-sm-8
{
    padding-left: 200px;
}

#divMBTCustomerDetails .form-group div input {
    width: 30%;
}

.bankpayment-extra {
    
}

.bankpayment-extra label {
    margin-top: 20px;
    display: block;
    line-height: 1;
    margin-bottom: 10px;
}
.bankpayment-field input{
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    border-bottom: 2px solid #36599e;
    border-right: 2px solid #36599e;
    border-top: none;
    border-left: none;
    padding: 5px;
    height: 40px;
    background-color: #274580;
    color: #fff;
    width: 100% !important;
    max-width: 300px;
}

#PromotionBIADeposit {
    background: #1e3361;
    border: 1px solid #2c4e8f;
    padding: 20px;
}

#PromotionBIADeposit .modal-dialog {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0px;
}

.radiobuttons-blank {
    border: none;
    background: none;
    width: 100%;
    max-width: 360px;
}

#PromotionBIADeposit h4 {
    margin-top: 0;
    color: #ffb400;
    font-size: 22px;
}

#PromotionBIADeposit .radiobuttons-fields label {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #274580;
    color: #fff;
}

#PromotionBIADeposit .radiobuttons-fields label label {
    border: none;
}

#modalyesno button.btn.btn-primary {
    background-color: #17284c;
    color: #fff;
    border: 1px solid #fff;
    padding: 6px 31px;
}

#modalyesno button.btn.btn-default {
    background-color: #17284c;
    color: #fff;
    border: 1px solid #fff;
    padding: 6px 31px;
}

#modalyesno .modal-dialog {
    width: 40%;
    margin: 0 auto;
    padding: 50px 0px;
}

/* SEO */

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  overflow: hidden;

}

#PariplayDepositBonus .modal-dialog {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0px;
}
#PariplayDepositBonus .radiobuttons-fields label {
height: auto;
}
#PariplayDepositBonus .radiobuttons-fields label {
    display: flex;
    align-items: center;
    width: 100%;
}
#PariplayDepositBonus button.btn.btn-primary {
    background-color: #17284c;
    color: #fff;
    border: 1px solid #fff;
    padding: 6px 12px;
}
#PariplayDepositBonus .radiobuttons-fields {
    display: flex;
    margin: 0 auto;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}


.read-more-state ~ .read-more-trigger:before {
  content: 'Click pentru a citi mai mult  \02C5';
     text-transform: uppercase;
    padding: 15px 0;
    text-align: center;
    color: #6998f4 !important;
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Click pentru a ascunde textul \02C4';
    text-transform: uppercase;
    padding: 15px 0;
    text-align: center;
    color: #6998f4 !important;
}

.read-more-state:hover, p.read-more-state:hover {
    color: #ffae00 !important;
}
.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}

.sportsbook-events-odds {
    position: relative;
    width: 100%;
}

.sportsbook-events-odds-container {
    display: flex;
    position: absolute;
    width: 100%;
}

.sportsbook-events-odds a {
    background-color: rgba(25,46,91,0.9);
    color: #fff;
    width: 32.86%;
    text-align: center;
    flex-direction: column;
    text-decoration: none;
    margin-right: 0.7%;
    padding: 10px 0 10px 0;
    transition: all 0.2s ease-in-out;
    height: 40px;
    font-size: 14px;
}

.sportsbook-events-odds a:last-child {
    margin-right: 0;
}

.sportsbook-events-odds a::first-letter {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background-color: rgba(74,109,239,1);
    padding: 2px 8px;
    margin-right: 10%;
}

.sportsbook-events-odds a:hover {
    background-color: rgba(74,109,239,1);
    cursor: pointer !important;
    transition: all 0.2s ease-in-out;
    height: 50px;
    padding: 20px 8px 0 0;
}

.sportsbook-events-odds a:hover::first-letter {
    color: #192e5b;
}

.progress-fix {
    background-color: rgba(0,0,0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.error-pop {
    background: #274580;
    color: #FFFFFF;
    left: 0;
    bottom: 0;
    padding: 30px;
    position: relative;
    text-align: center;
    top: 50px;
    right: 0;
    width: 86%;
    max-width: 700px;
    margin: auto;
}

.error-pop p {
    margin-bottom: 20px;
}

/*User Notification
----------------------------------------------------------*/

.main-notif {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    margin-right: 5px;
}
.main-notif .notification {
    position: relative;
    width: 30px;
    height: 30px;
}
.main-notif .notification svg {
    width: 30px !important;
    height: 30px !important;
}
.main-notif .notification svg > path {
    fill: #FFFFFF;
}
.main-notif .notification--bell {
    animation: bell 2.2s linear infinite;
    transform-origin: 50% 0%;
}
.main-notif .notification--bellClapper {
    animation: bellClapper 2.2s 0.1s linear infinite;
}
.main-notif .notification--num {
    position: absolute;
    top: -10%;
    left: 50%;
    font-size: 12px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #FF4C13;
    border: 4px solid #FF4C13;
    color: #FFFFFF;
    text-align: center;
    animation: notification 2.2s linear;
}

@keyframes bell {
    0%, 25%, 75%, 100% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(10deg);
    }
    45% {
        transform: rotate(-10deg);
    }
    55% {
        transform: rotate(8deg);
    }
    60% {
        transform: rotate(-8deg);
    }
}
@keyframes bellClapper {
    0%, 25%, 75%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-0.15em);
    }
    45% {
        transform: translateX(0.15em);
    }
    55% {
        transform: translateX(-0.1em);
    }
    60% {
        transform: translateX(0.1em);
    }
}
@keyframes notification {
    0%, 25%, 75%, 100% {
        opacity: 1;
    }
    30%, 70% {
        opacity: 0;
    }
}
 @media (max-width: 1367px) {   
    .sportsbook-events-odds a::first-letter {
        font-size: 14px;
        padding: 2px 5px;
        margin-right: 5%;
    }
}

@media (max-width: 1366px) {
    .seo-wrapper-sport-margin {
        margin: 20px 250px 0;
    }
}

@media (max-width: 1024px) {
    .seo-wrapper-sport-margin {
        margin: 20px 0 0 !important;
        padding: 0 20px !important;
    }
    
    .main-notif {
        position: absolute;
        top: 0;
        right: 74px;
        z-index: 999;
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .promolist-item-content span:first-child, .promolist-item-content span:nth-child(2) {
        font-size: 20px;
    }
    .promolist-item-content p {
        font-size: 14px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .select-type a.select-content {
        font-size: 14px;
        letter-spacing: -0.5px;
    }
    .winner-details .amount {
        font-size: 14px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    
    
}

@media (max-width: 800px) {
    .seo-wrapper-sport-margin {
        margin: 20px 0 0;
        padding: 0 20px;
    }
}    

@media (min-width: 1260px) {
    .header.container .nav-item.loggedin-deposit {
        justify-content: flex-end;
        flex: 0 0 420px;
    }

    section.ticker {
        justify-content: center;
    }

    .ticker-item:first-of-type {
        margin-left: 0px;
    }

    .ticker-item:last-of-type {
        padding-right: 0;
    }
}

@media (max-width: 1260px) {
    section.main-section {
        padding: 0 15px;
    }

    section.ticker {
        box-shadow: none;
    }

    .right-side {
        width: 227px;
    }
    .carousel-umbrella .col-container{
        padding: 0;
    }

    .nav-item.menu-item > a,.nav-item .buttons a {
        /*font-size: 16px;*/
    }

    .my-account-page .account-tabs {
        width: 100%;
        float: left;
    }

        .my-account-page .account-tabs .tab {
            line-height: 45px;
            /*text-align: right;
            position: absolute;
            top: -41px;
            right: 0px;*/
        }

    .my-account-page .tabcontent {
        padding-top: 15px;
        width: 100%;
        transform: inherit;
    }

    .inline-search-container {
        display: block;
        float: none;
        margin-top: 10px;
    }

    .my-account-page .tab .tablinks {
        /*font-size: 12px;*/
    }

    .my-account-page .my-account-detail1 {
        font-size: 21px;
    }

    .my-account-page .account-tabs .tab {
        /*top: -33px;*/
    }

    .other-promotions-single-item-content {
        zoom: 0.8 !important;
    }

    .setting-pag .my-account-detail1 {
        font-size: 34px;
    }

    .setting-pag .tab .tablinks {
        font-size: 16px;
    }
}

@media(max-width: 1160px) {
    .main-content-block {
        margin-left: 12px;
    }

    .search-filter input {
        width: 25%;
    }

    .other-promotions-single-item-content {
        zoom: 0.7 !important;
    }
}

@media (min-width: 1025px) and (max-width: 1180px) {
    
}

@media (min-width: 1181px) and (max-width: 1329px) {
    
}

@media (min-width: 1025px) and (max-width: 1260px) {

    .hN-slider-one {
        font-size: 56px;
        line-height: 48px;
    }

    .f-larger-size {
        font-size: 110px;
        line-height: 105px;
    }

    .f-smaller-size {
        font-size: 26px;
        line-height: 21px;
    }

    .carousel-container,
    .slider > .slide-description,
    .slider .carousel-item {
        height: 350px;
    }

    .slide .btn, .carousel-item .btn {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 29px;
        padding-bottom: 10px;
        padding-top: 10px;
        display: inline-block;
        margin-top: 15px;
        min-width: 184px;
        width: auto;
        cursor: pointer;
        text-align: center;
    }

    .slider-arrows div {
        height: 325px;
        top: -325px;
    }

    .umbrella-slider .perals-of-india {
        bottom: 20px;
        width: 200px;
    }

    .carousel-umbrella .banner-jackpot {
        /*bottom: 20px;*/
        /*width: 200px;*/
        bottom: 48px;
        width: 220px;

    }

    .umbrella-slider .perals-of-india-text {
        font-size: 43px;
    }

    .carousel-umbrella .banner-jackpot-text {
        font-size: 43px;
    }

    .header.container .nav-item {
        padding: 0 5px;
        font-size: 11px;
    }

    .header-slider .slide-one img {
        width: 640px;
    }

    .header-slider .slide-one {
        height: 325px;
    }

    .hN-slider-one {
        font-size: 48px;
        line-height: 48px;
    }

    .f-larger-size {
        font-size: 90px;
        line-height: 85px;
    }

    .f-smaller-size {
        font-size: 20px;
        line-height: 21px;
    }

    .slide aside {
        height: 330px;
    }

    .carousel-container,
    .slider > .slide-description,
    .slider .carousel-item {
        height: 330px;
    }

    .carousel-item {
        padding-top: 35px;
    }

        .slide .btn, .carousel-item .btn {
            padding-left: 20px;
            padding-right: 20px;
            font-size: 29px;
            padding-bottom: 10px;
            padding-top: 10px;
            display: inline-block;
            margin-top: 15px;
            width: 184px;
            cursor: pointer;
            text-align: center;
        }

    .slider-arrows div {
        height: 325px;
        top: -325px;
    }

    .profile-btn {
        font-size: 18px;
    }

        .profile-btn svg {
            width: 25px;
            height: 25px;
        }

    .other-news-box-item-title {
        margin: 0 0 10px 0;
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
    }

    .umbrella-slider .slide-one > * {
        margin-left: -260px;
    }

    .carousel-umbrella .banner-jackpot {
        bottom: 20px;
        width: 180px;
    }

    .carousel-umbrella .banner-jackpot-text {
        font-size: 36px;
    }

    .umbrella-slider .perals-of-india {
        bottom: 20px;
        width: 180px;
    }

    .umbrella-slider .perals-of-india-text {
        font-size: 36px;
    }

    .umbrella-slider-arrow div:nth-child(2) {
        padding-right: 280px;
    }

    .visit-button .button {
        padding: 9px 10px;
        font-size: 20px;
    }
}

@media (min-width: 1025px) {
    .header .logo {
        padding-top: 5px;
    }

    .header.container .nav-item {
        padding: 0 5px;
    }

    .tns-inner {
        position: relative;
    }

    .slider > .slider-arrow-next > label {
        right: 80px;
    }

    .carousel-umbrella .slider > .slider-arrow-next > label {
        right: 30px;
    }

    .carousel-item::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 30px;
        z-index: 1;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-item::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 30px;
        z-index: 1;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1);
    }

    .start-steps > div:hover {
        transform: translateY(-5px);
    }

    .carousel-umbrella .carousel-item::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 30px;
        z-index: 1;
        background: -moz-linear-gradient(left, rgba(13, 23, 58, 1) 0%, rgba(13, 23, 58, 0) 100%);
        background: -webkit-linear-gradient(left, rgba(13, 23, 58, 1) 0%, rgba(13, 23, 58, 0) 100%);
        background: linear-gradient(to right, rgba(13, 23, 58, 1) 0%, rgba(13, 23, 58, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d173a', endColorstr='#0d173a', GradientType=1);
    }

    .carousel-umbrella .carousel-item::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 30px;
        z-index: 1;
        background: -moz-linear-gradient(left, rgba(13, 23, 58, 0) 0%, rgba(13, 23, 58, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(13, 23, 58, 0) 0%, rgba(13, 23, 58, 1) 100%);
        background: linear-gradient(to right, rgba(13, 23, 58, 0) 0%, rgba(13, 23, 58, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d173a', endColorstr='#0d173a', GradientType=1);
    }

    .carousel-umbrella .carousel-item aside {
        right: 0px;
        display: none;
    }

    .games-scroll-pane .jspVerticalBar {
        display: none;
    }

    .overlay-forgot-password-form, .overlay-login-form {
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom:0;
        position: fixed;
        background: rgba(0,0,0,0.5);
    }
    .overlay-forgot-password-form .modal-dialog {
        padding:10px;
    }
    #download-app-notif-container {
        display: none !important;
    }
}

@media(max-width: 1104px) {
    .tab.margin-twenty button {
        margin-bottom: 10px;
    }
}


/************ MAX WIDTH 1024 ***********/
@media (max-width: 1024px) {
    /*form#forgotPasswordForm {
        margin-top: 1em;
    }*/
    .current-promotions-content-image {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    .current-promotions-content-area {
        width: 100%;
        display: block;
        /*text-align: center;*/
        padding: 20px 0;
    }
    
    .game1-section {
        display: block;
        text-align: center;
    }   
    .game-type-item-border {
        display: inline-block;
        width: 24.7%;
    }
    .game-type-item-border:first-child {
        padding-left: 0.5%;
    }
    .game-type-item-border:last-of-type {
        padding-right: 0.5%;
    }
/********* DOWNLOAD MOBILE APP POP-UP ********/
    
    #download-app-notif-container {
        background-color: #274580;
        position: relative;
        border-bottom: 1px solid #2b509b;
        display: none;
        width: 100%;
    }
    .download-app-notif-wrapper {
        color: #fff;
        font-size: 16px;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        text-align: center;
        width: calc(100% - 39px);
    }
    .download-app-notif-wrapper a {
        text-decoration: none;
        outline: none;
        padding: 8px 0;
    }
    .download-app-notif-wrapper svg {
        height: 34px;
        width: auto;
        vertical-align: middle;
    }
    .download-app-notif-wrapper span {
        line-height: 1;
        text-decoration: underline;
    }
    #download-app-notif-container .closebtns {
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        width: 40px;
        overflow: hidden;
        background: #3661b6;
        z-index: 9999;
    }
    #download-app-notif-container a {
        text-decoration: none;
        outline: none;
        display: block;
        width: 100%;
    }
    #download-app-notif-container i {
        font-size: 22px;
        line-height: 1;
        padding: 14px 12px;
    }
    
/***********START CASINO MENU ***********/
    .center-block {
        width: 100% !important;
    }
    
    .mobile-menu {
        position: relative;
    }
    
    .mobile-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border: 1px solid #4a6def;
        position: relative;
    }
    
    .mobile-menu ul li {
        position: relative;
    }
    
    .mobile-menu ul li ul.sub-menu{
        display: block;
        margin: -1px 0 0;
        position: relative;
    }
    
    .mobile-menu ul li ul.sub-menu li {
        position: relative;
    }
    
    .mobile-menu ul li ul.sub-menu li a {
        background: #2e3654;
        border: 1px solid #4a6def;
        padding: 10px 5px 10px 20px;
        position: relative;
    }
    .mobile-menu ul li ul.sub-menu li a::before {
        content: "-";
        margin-right: 5px;
    }

    .content-header form {
        min-width: 154px;
        width: 50%;
        border-left-width: 1.5px;
    }

    a.select-content.first-element.mobile-selected {
        /*a.select-content.first-element.featured {
            */
        display: block;
        width: 50%;
        padding-top: 15px;
    }

    .select-type.content-header {
        display: flex;
    }
    
    .select-type a.select-content {
        display: none;
        padding: 10px;
        border: 2px solid #4a6def;
        /*text-align: center;*/
    }

    .casino-nav, .providers-wrapper {
        display: none !important;
    }
    
    .content-header form.mobile-casino-search {
        display: block;
    }
    
    #divcontent .mobile-menu-ham span {
        z-index: 1;
    }
    
    .center-block .mobile-menu-ham span {
        display: block;
    }
    
    .center-block .mobile-menu a {
        font-size: 14px;
    }
    
    
    /*********** END CASINO MENU ***********/
    
    .seo-wrapper-sport-margin {
        margin: 20px 0 0 250px;
        padding: 0 20px 0 0;
    }
    
    #transactionList, #player-sportbook-history-list, #netEntTransactionList, #PariPlayTransactionList, #player-evolution-history-list, #InternalTransactionList, #dvAllExistingRequests, .agency-withdrawal-history, #dvCardNumbers, #divMBTTaxInfo, #dvCasinos {
        overflow-x: auto;
    }
    
    .old-login {
        display: none !important;
    }
    .msgResetPasswd .success {
        width: 100%;
        color: #24da40;
        padding: 10px;
        margin: 10px 0;
        display: block;
        border: 1px solid #24da40;
        text-transform: uppercase;
    }
    
    .tab-faq button, .tab-faqro button, .tab-faqen button, .tab-tocro button, .tab-tocen button, .tabsbrro button, .tabsbren button, .tab-rgro button, .tab-rgen button, .tab-ckro button, .tab-cken button, .tab-ppro button, .tab-ppen button {
        width: 32.5%;
        margin-bottom: 9px;
        height: 40px;
        vertical-align: top;
        padding: 0 5px;
    }
    
    #divMobileLoginPopup {
        display: none !important;
    }

    .loggedin-deposit .info-dropdown {
        margin: 0px;
        position: absolute;
        /*right: 5px;*/
    }

    .header.container .nav-item.loggedin-deposit {
        padding: 0px;
    }

    .loggedin-deposit .currency-balance,
    .loggedin-deposit .buttons {
        display: none;
    }

    .button-deposit {
        display: block;
    }
    
    .loggedin-dropdown {
        width: 100%;
        max-width: 842px;
        left: auto;
        right: 0px;
    }

    .language-selection-items {
        /*margin-top: -50px; */
        width: 93px;
        right: 0;
        left: auto !important;
        top: 100% !important;
    }

    .header.container .mobile-menu .nav-item.language {
        border-bottom: none;
    }

    .guest-user .language-selection-items {
        margin-top: -50px;
    }
    .mobile-menu .nav-item.menu-extras div .lang div {
        height: auto;
        margin-top:0;
        border: 0;
    }

    /*adjust mobile menu display*/
    .header .logo {
        position: absolute;
        /*left: 31px;*/
    }

    .header.container {
        justify-content: flex-end;
        position: relative;
    }

        .header.container .nav-item.loggedin-deposit {
            position: relative;
            z-index: 999;
            max-width: 100%;
            width: 100% !important;
        }

    .Login_signup {
        width: 100%;
    }

    .right-hang {
        display: none;
    }

    header .mobile-menu-ham {
        display: block;
    }

    .above-header-bar {
        display: flex;
        justify-content: space-between;
    }

    .header .logo {
        width: 100%;
    }

    .header.container .nav-item {
        display: none;
    }

    

    .header .logo a {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 5px;
    }

    .slider-arrows {
        display: none;
    }

    .slider-holder {
        height: 426px;
        overflow: hidden;
    }

    .carousel-container,
    .slider > .slide-description,
    .slider .carousel-item {
        height: 310px;
    }
    
    .slider > .slider-dot > label {
        width: 11px;
        height: 11px;
    }

    .carousel-item {
        padding-top: 35px;
    }

        .carousel-item .arrow {
            display: none;
        }

        .carousel-item aside {
            right: 90px;
            display: none;
        }

    .slider > .slider-arrow-prev > label, .slider > .slider-arrow-next > label {
        width: 30px;
        height: 50px;
        margin-top: -24px;
    }

    .header-slider .slide-one {
        position: relative;
    }

        .header-slider .slide-one img {
            width: auto;
            height: 508px;
            position: absolute;
            left: -210px;
            top: 0px;
        }

    .slide aside {
        position: absolute;
        right: 60px;
    }

    a.btn.bt-baum-orange {
        line-height: 30px;
    }

    h3.hN-slider-one.f-larger-size {
        font-size: 124px;
        line-height: 116px;
    }

    h5.hN-slider-one,
    h4.hN-slider-one {
        font-size: 64px;
        line-height: 58px;
    }

    section.ticker {
        justify-content: initial;
    }

    .right-side {
        margin-left: 12px;
        width: 155px;
    }

    .winner-details {
        flex-direction: column;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 83px;
    }

        .winner-details > div span {
            padding-top: 1.5px;
            padding-bottom: 1.5px;
        }

        .winner-details > div {
            padding-bottom: 4px;
        }

    .games-holder {
        /* max-height: 736px;
		overflow: auto; */
    }

    .games-scroll-pane {
        width: 100%;
        max-height: 730px;
        overflow: auto;
    }

    span.btn.play-now.bt-baum-orange {
        font-size: 20px;
        width: 123px;
        line-height: 38px;
        height: 38px;
    }

    .center-block {
        width: 828px;
    }
    /*section.main-section {
         margin-left: 14px;
         margin-right: 14px;
    }
    */
    .start-playing p {
        width: 85%;
    }

    /*.start-steps > div {
        width: 338px;
        height: 110px;
        background-size: contain;
    }

        .start-steps > div:first-of-type {
            position: relative;
            left: 16px;
        }

        .start-steps > div:last-of-type {
            position: relative;
            left: -16px;
        }

    .start-steps div > div {
        width: 130px;
    }*/
    
    .start-steps {
        display: block;
        width: 100%;
    }

    .start-steps div > div {
        justify-content: initial;
        flex-direction: initial;
        display: block;
        width: auto;
        margin-top: 10px;
    }

    .start-steps > div {
        width: 100%;
        left: 0px !important;
        padding-top: 20px;
        text-align: center;
        background-color: #2652a4;
        display: block;
        height: auto;
        margin-bottom: 3px;
        padding-bottom: 20px;
    }

    .start-steps h3 {
        font-size: 22px;
        line-height: 22px;
        margin-top: 10px;
        display: block;
    }
    
    footer {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 15px;
    }

    .social-links {
        text-align: center;
    }

        .social-links a {
            display: inline-block;
        }

        .social-links span {
            display: inline-block;
            height: 45px;
            width: 45px;
            background-image: url(../img/assets/social-sprite.png);
            background-position: left -1px top -1px;
            background-repeat: no-repeat;
            margin-right: 5px;
            margin-left: 5px;
            margin-bottom: 10px;
        }

        .social-links .fb span {
            background-position: left -1px top -1px;
        }

        .social-links .twtr span {
            background-position: left -54px top -1px;
            width: 46px;
        }

        .social-links .yt span {
            background-position: left -108px top -1px;
            width: 46px;
        }

    .mobile-screen-title {
        text-align: center;
        line-height: 42px;
        background-color: #2d4f99;
        color: white;
        font-family: GothamBold;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        display: none;
    }

    .content-header form {
        min-width: auto;
        position: relative;
        border: 2px solid #4a69f7;
    }
    
    .casino-nav li form fieldset {
        padding: .375em 0;
    }

    .content-header input[type="submit"] {
        position: absolute;
        right: 5px;
    }

    section.start-playing {
        background-color: rgba(0, 0, 0, 0.44);
        min-height: 390px;
        height: auto;
        padding-bottom: 30px;
    }

    .center-deposit .buttons a {
        display: inline-block;
    }

    .loggedin-dropdown {
        height: 153px;
    }

    .profile-page .settings-v1 {
        height: 947px;
    }

    .profile-btn-container {
        justify-content: center;
    }

    .profile-btn {
        flex: 0 0 40%;
    }

    .tab.margin-twenty .tablinks {
        width: 19.4%;
    }

    .other-news-box-item-title {
        font-size: 28px;
    }

    .other-news-container {
        margin-left: 0;
        width: 100%;
        float: left;
    }

    .left-sidebar .submenu,
    .left-sidebar .accordion li.default .submenu {
        display: none;
    }

    .left-sidebar .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .bet-col-md-3 {
        width: 32.5% !important;
    }

    .bet-col-md-2 {
        width: 19.5% !important;
    }
    
    .promo-list-area .promolist-item-title {
        max-height: 36px;
    }

    .promo-list-area .promolist-item-title span {
        font-size: 28px;
        max-height: 30px;
    }

    .news-list-item p {
        font-size: 21px;
    }

    .promolist-item-content .button {
        width: auto;
        font-size: 29px;
        padding: 10px;
    }

    .promlist-section .news-list-item1 .promolist-item-content {
        text-align: left;
    }

    .promlist-section .news-list-item1 .promolist-image {
        flex: 1 0 50%;
    }

    .mi-setting-image1 {
        width: 49.5%;
        padding: 10px 2px;
    }

    .mi-search-icon {
        top: 10px;
        right: 10px;
    }

    .terms-and-conditions-cp {
        text-align: left;
    }

    .carousel-umbrella.slider-btm-border {
        border-bottom: 0;
    }

    .carousel-umbrella .col-l {
        width: 100%;
    }

    .carousel-umbrella .col-r {
        display: none;
    }

    .umbrella-slider .perals-of-india {
        display: none;
    }

    .umbrella-slider {
        border-bottom: none !important;
    }

    .perals-of-india-image {
        display: none;
    }

    .visit-button .button {
        font-size: 17px;
    }

    .perals-of-india-responsive {
        display: block;
        position: relative;
        width: 100%;
        background: #274580;
        text-align: left;
        padding: 14px 10px;
    }

        .perals-of-india-responsive img {
            object-fit: none;
        }

        .perals-of-india-responsive .txt {
            margin: 0 10px;
        }

        .perals-of-india-responsive .button {
            padding: 12px 20px;
            font-size: 30px;
            line-height: 1;
        }

    .perals-of-india-text-1 {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        float: none;
    }

    .umbrella-slider .perals-of-india-text-1 {
        position: relative;
        top: 30%;
        font-size: 18px;
        color: #fff;
        width: 100%;
        text-align: center;
        padding: 0px;
        font-family: 'Oswald', sans-serif;
        font-size: 53px;
    }

    .umbrella-slider .header-slider .slide-one img {
        left: 0;
    }

    .current-promotions-table-responsive {
        display: block;
    }

    .current-promotions-table {
        display: none;
    }

    .left-sidebar {
        width: 100%;
        float: none;
    }

    .accordion-res li {
        display: inline-block;
        width: 24.7%;
    }

    .accordion-res .submenu li {
        display: block;
        width: 100%;
    }

    .main-content-block {
        width: 100%;
        margin: 0px;
        float: none;
    }

    .accordion-res {
        padding-bottom: 20px;
    }

    .games-section .game-type-item-border {
        width: 30%;
    }

    .subpage-title-section .aboutus_acc li {
        width: 100%;
    }

    .game-play-section .game1-play div {
        font-size: 34px;
        top: 15px;
    }
    .play-button {
        top: 65%;
    }
    .play-button .button {
        font-size: 28px;
        padding: 8px 30px;
    }

    .mobile-instructions-accordians li {
        width: 100%;
    }

    .news-list-area {
        text-align: inherit !important;
    }

    .news-list-item {
        text-align: center !important;
    }

    .news-list {
        margin: 0px !important;
    }

    .newspage-section .accordion-res li {
        width: 100%;
    }

    .newspage-section .news-list-item .button {
        margin: 0 auto;
    }

    .promo-list-area .promlist-section .news-list-item1 .promolist-item-content {
        padding-left: 25px;
        padding-right: 25px;
    }

    .promo-list-area .promlist-section {
        width: 49.5%;
        zoom: 0.6;
    }

    .promo-list-area .promolist-item-content p {
        text-align: left;
        font-size: 22px;
        height: 70px;
    }

    .other-promotions-single-item-content {
        zoom: inherit !important;
    }

    .other-promotions-single-item-image {
        width: 437px;
    }

    .other-promotions-single-item-content {
        padding: 77px 20px !important;
    }

    .desposit-page .accordion-res .link img {
        height: 21px;
    }

    .umbrella-slider .slide aside {
        position: inherit;
        right: 0px;
        top: 0px;
        height: 430px;
    }

    .umbrella-slider .slide-one > * {
        right: 15px;
        margin: 0px;
        width: 350px;
        top: 0;
    }

    .main-section-area-star .slider-arrows {
        display: block;
        display: flex;
    }

        .main-section-area-star .slider-arrows div img {
            width: 36px;
        }

    .mainslider-bloc .slider-arrows div {
        bottom: 38px;
    }

    .main-section-area-star h2.decorated {
        padding: 15px 0;
    }

    .main-section-area-star .slider-arrows {
        padding: 0 10px;
    }

    .main-section-area-star .game-container {
        /* padding: 0;
         */
    }

    .start-top {
        padding-left: 10px;
        padding-right: 10px;
    }

    .tabs-form-feilds-container .form-fields-1 label,
    .tabs-form-feilds-container .form-fields-1 {
        line-height: 1.8;
    }

    .registration-form-fields .form-fields-1 .setting-radiobuttons-fields label,
    .registration-form-fields .form-fields-1 .setting-radiobuttons-fields {
        line-height: 2.5;
    }

    .tabs-form-feilds-container .form-fields-1 {
        margin-bottom: 10px;
    }

    .refreshcaptcha {
        padding-left: 15px;
    }

    .live-casino-slider .slide aside {
        right: 35px;
    }

    .live-casino-slider .slide .btn {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 29px;
        padding-bottom: 10px;
        padding-top: 10px;
        display: inline-block;
        margin-top: 15px;
        width: 184px;
        cursor: pointer;
        text-align: center;
    }

    #gameList .game-item img {
        width: 100%;
        height: 100%;
    }
    /*=====overrite css=======*/
    #mdlChangePasswdMob, #mdlForgotPasswdMob {
        display: none;
    }

    .paypal-cont ul {
        display: flex;
    }

        .paypal-cont ul li {
            list-style-type: none;
            display: flex;
            justify-content: center;
            flex-direction: column;
        }

    .txtEmailLoginMobformError.parentFormloginFormMob.formError {
        top: 21px !important;
    }

    .overlay-login-form form div.login-mob-form-action {
        align-items: flex-end;
    }

    .message-overlay {
        position: fixed;
        width: 100vw;
        overflow: auto;
        padding-bottom: 20px;
        height: 100vh;
        z-index:999;
    }
    .header .logo {
        /*width: calc(100% - 31px); calc(100% - 25%);*/
    }

    .loggedin-dropdown {
        
    }
    .paypal-cont ul{
        flex-flow: row wrap;
        justify-content: center;
        width:auto;
    }
    .header.container .nav-item.loggedin-deposit{display:block;width: 68px !important;}
    /*.header.container .nav-item.loggedin-deposit:not(.pp_image){position:absolute;right:10px;}*/

    section.footer-links > div{
        margin-bottom:30px;
    }

    .header.container .mobile-menu .nav-item ul li {
        padding:0;
        border:0;
        border-bottom:1px solid #1e2f58;
    }
    .header.container .mobile-menu .nav-item ul li a {
        padding: 5px 10px 5px 60px;
        text-align:left;
        color:#fff;
    }
    
    .popup {
        width: 598px;
    }

    .popup-images {
        width: 100%;
    }

    .popup-details {
        width: 100%;
        margin-top: 20px;
    }

    .popup {
        margin: 80px auto 0;
    }
    
    .popup .bottom-link {
        bottom: auto;
        position: relative;
    }

    .umbrella-slider {
        border-bottom: none !important;
    }

    .refreshcaptcha {
        padding-left: 15px;
    }

    .registration-form-fields .form-fields-1.dateofbirth select {
        width: 31.8%;
    }

    .news-list-item1 .promolist-image {
        position: relative !important;
    }

    .bet-col-md-3 {
        width: 32.5% !important;
    }

    .bet-col-md-6 {
        width: 49.5% !important;
    }

    .bet-col-md-2 {
        width: 19.5% !important;
    }

    .full-width-content {
        width: 100% !important;
    }

    .promo-list-area div {
        width: 100%;
    }

    .promlist-section .news-list-item1 {
        width: 100%;
    }

        .promlist-section .news-list-item1 div.promolist-image {
            width: 100%;
        }

    .my-account-detail1 {
        width: 100%;
    }

    .account-tabs .tab {
        text-align: left;
    }

    .tab .tablinks {
        width: 32.5%;
        margin-bottom: 9px;
    }

    .tabcontent {
        width: 100%;
        transform: translateX(0%);
    }

    .tabs-accordians-content .tabs-accordians-content1 {
        width: 100%;
    }

    .vl {
        display: none;
    }

    .account-tabs {
        width: 100%;
        padding-top: 10px;
        float: none !important;
    }

    .news-list-item1 .promolist-image {
        position: relative !important;
    }

    .other-promotions-single-item1 {
        width: 100%;
    }

    .other-promotions-single-item-content {
        padding-top: 20%;
    }

    .settings-accordion-res li {
        vertical-align: top;
    }

    .settings-accordion-res .link {
        height: 60px;
    }

    .tabs-form-feilds-container .registration-form-fields .form-fields-1.dateofbirth input {
        width: 31.5%;
    }

    .mi-setting-image1 {
        width: 49.5%;
        padding: 10px 2px;
    }

    .mi-search-icon {
        top: 10px;
        right: 10px;
    }

    .section-information {
        width: 48.5%;
    }

    .registration-contanier-1 {
        text-align: left;
    }

    .registration-form-fields .form-fields {
        width: 31.8%;
    }

    .registration-section .section-information:nth-child(3) {
        border-left: none;
        text-align: left;
        padding-right: 10px;
    }

    .mainslider-bloc .slider-arrows div {
        bottom: 74px;
    }

    .modal-dialog {
        max-width: 100%;
        margin: 0 auto;
    }
    
    div#mdlVerifyEmail, div#mdlForgotPasswd, div#mdlLogin {
        position: fixed !important;
    }

    .header.container .mobile-menu .nav-item:hover {
        background-color: #2b509b;
        color: #fff;
    }

        .mobile-menu .nav-item a:hover, .mobile-menu .nav-item:hover a, .header.container .mobile-menu .nav-item:hover a, .header.container .mobile-menu .nav-item:hover a svg {
            color: #fff;
            fill: currentColor;
        }

    header .mobile-menu .nav-item ul {
        margin-top: 0;
    }

    .mobile-menu .nav-item li {
        display: block;
        text-align: left;
        width: auto;
        float: none;
    }

    header .mobile-menu .nav-item li a {
        text-align: left;
    }

    .my-account-page .tab .tablinks, .my-account-page .tab .tablinks a {
        font-size: 14px;
    }

    .my-account-page .account-tabs .tab {
        position: inherit;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        text-align: left;/*center;*/
    }

    .my-account-page .my-account-detail1 {
        font-size: 34px;
    }

    .my-account-page .tabcontent {
        padding-top: 7px !important;
    }

    .promo-list-area .promlist-section {
        zoom: 0.6;
    }

    .setting-pag .tab .tablinks {
        width: 32%;
    }

    .loggedin-dropdown span.action-item {
        width: auto;
    }

    .select-type a.select-content {
        line-height: 1;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ticker-item h5{font-size: 20px;}
    .ticker-item h4 {
        font-size: 23px;
        min-width: 110px;
    }

    .casino-slider .slide aside,
    .live-casino-slider .slide aside {
        height: 426px;
    }

    .games-scroll-pane {
        position: relative;
    }

        .games-scroll-pane::after {
            content: "";
            display: block;
            height: 20px;
            position: absolute;
            bottom: 0;
            left: 0;
            width: calc(100% - 12px);
            z-index: 9999;
            background: -moz-linear-gradient(top, rgba(11,22,54,0) 0%, rgba(11,22,54,1) 100%);
            background: -webkit-linear-gradient(top, rgba(11,22,54,0) 0%,rgba(11,22,54,1) 100%);
            background: linear-gradient(to bottom, rgba(11,22,54,0) 0%,rgba(11,22,54,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b1636', endColorstr='#0b1636',GradientType=0 );
        }

    .games-holder {
        padding-right: 5px;
        padding-bottom: 20px;
    }

    .games-holder .game-item {
        width: 25%;
    }

    .header-slider .slide-one img {
        width: auto;
        height: 508px;
        position: absolute;
        left: -370px;
        top: 0px;
    }

    .slide aside {
        position: absolute;
        right: 65px;
        top: -30px;
    }

    .header-slider .slide-one {
        background-position: top -40px left -800px;
    }

    .start-playing p {
        width: 98%;
    }

    .footer-links a {
        width: 100%;
    }
    
    .footer-social-media {
        display: block;
    }
    
    section.footer-links {
        display: none;
    }
    
    .footer-centered .links a {
        padding: 10px 5px;
        display: inline-block;
        width: 45%;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.05);
        color: #fff;
        margin: 0 2% 10px;
    }
    
    .back-top-promotions-buttons a {
        width: 100%;
    }
}


/************ MIN WIDTH 768 ***********/


@media(min-width: 768px) {
    .main-section-area-star h2.decorated {
        pointer-events: none;
    }
}


/************ MAX WIDTH 768 ***********/


@media(max-width: 768px) {
    
    .game-section-border .game-play-section:first-child {
        padding-left: 1%;
        margin-bottom: 30px;
    }
    .game-section-border .game-play-section:nth-child(2) {
        padding-right: 1%;
    }
    .inline-search-container {
        float: none !important;
        width: 100% !important;
    }

    .mobile-store-icons {
        width: 45%;
        display: inline-block;
        margin: 0 2%;
    }
    
    .mobile-step {
        max-width: 46%;
    }
    
    .step-text {
        min-height: 100px;
    }

    .android-icon {
        margin-top: 15px;
        margin-left: 0px;
    }

    .accordion-res li {
        width: 49.7%;
    }

    .current-bal {
        text-align: center;
        display: block;
        position: absolute;
        font-size: 20px;
        top: 6px;
    }

    .search-filter form {
        width: 70%;
    }

    .search-filter label {
        font-size: 16px;
    }

    .search-filter input {
        width: 26%;
    }

    .games-section .game-type-item-border {
        width: 49%;
    }

    .main-content-block {
        padding: 10px;
    }

    .games-section .visit-sports-section .game1-play {
        width: 100%;
    }

    .mobile-instructions-accordians li {
        width: 100%;
    }

    .mobile-instructions-main-content .mobile-instructions-text-area {
        width: 100%;
        border: none;
    }

    .mobile-instructions-main-content .mobile-instructions-image-area {
        width: 100%;
    }

    .promo-list-area .news-list-item {
        width: 100% !important;
    }

    .promo-list-area .promlist-section {
        zoom: 0.8;
    }

    .other-promotions-single-item-content {
        padding: 50px 20px !important;
    }

    .promo-list-area .promolist-item-title {
        text-align: center;
        max-height: none;
    }
    
    .promo-list-area .promolist-item-content p {
        height: auto;
        text-align: center;
    }
    
    .promlist-section .news-list-item1 div.promolist-image {
        max-height: none;
    }

    .news-list-item p {
        font-size: 12px;
    }

    .promolist-item-content .button {
        width: 190px;
        font-size: 24px;
        padding: 10px 20px;
    }

    .promlist-section .news-list-item1 .promolist-item-content {
        text-align: left;
    }

    .promlist-section .news-list-item1 .promolist-image {
        flex: 1 0 60%;
    }

    .promo-list-area .promolist-item-title span {
        font-size: 40px;
    }

    .section-information {
        width: 48.5%;
    }

    .reg-page .section-information {
        width: 100%;
    }

    .reg-page .registration-section .section-information:first-child {
        padding-right: 10px;
        border-right: 0;
    }

    .registration-contanier-1 {
        text-align: left;
    }

    .registration-form-fields .form-fields {
        width: 31.8%;
    }

    .registration-section .section-information:nth-child(3) {
        border-left: none;
        text-align: left;
    }

    .settings-accordion-res li {
        padding: 5px;
        vertical-align: top;
    }

    .settings-accordion-res .link {
        height: 60px;
    }

    .perals-of-india-text-1 {
        font-size: 32px;
    }

    .cp1-page {
        text-align: center;
    }

    .umbrella-slider .play-button-settings-1 .button {
        padding: 2px 11px;
    }

    .game-type-item-border {
        width: 32.5%;
    }

    .current-promotions-page h4 {
        text-align: center;
    }

    .title-detail {
        text-align: center;
    }

    .my-account-res li {
        width: 49.5%;
        vertical-align: top;
        padding: 5px;
    }

    .my-account-detail1 {
        width: 100%;
    }

    .account-tabs .tab {
        text-align: center;
    }

    .tabcontent {
        width: 100%;
        transform: translateX(0%);
    }

    .tabs-accordians-content .tabs-accordians-content1 {
        width: 100%;
    }

    .vl {
        display: none;
    }

    .account-tabs {
        width: 100%;
        padding-top: 10px;
    }

    .news-list-item1 .promolist-image {
        position: relative !important;
    }

    .bet-col-md-3 {
        width: 32.5% !important;
    }

    .bet-col-md-8 {
        width: 79.5%;
    }

    .bet-col-md-4 {
        width: 19.5%;
    }

    .bet-search {
        /*float: right;*/
        margin-right: 0;
        margin-left: auto;
    }

    .bet-sidebar-menu {
        float: left;
    }

    .promo-list-area div {
        width: 100%;
    }

    .promlist-section .news-list-item1 {
        width: 100%;
    }

    .other-promotions-single-item1 {
        width: 100%;
    }

    .other-promotions-single-item-content {
        padding-top: 20%;
    }

    .settings-tabs .tab {
        text-align: left;
    }

    .tabs-form-feilds-container .registration-form-fields .form-fields-1.dateofbirth input {
        width: 31.5%;
    }

    .mi-setting-image1 {
        width: 49.5%;
        padding: 10px 2px;
    }

    .mi-search-icon {
        top: 10px;
        right: 10px;
    }

    .visit-sports-section {
        text-align: center;
    }

    .game1-section .game-play-section {
        width: 49.5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .news-list-item1 div,
    .news-list-item1 p {
        text-align: center;
    }

    .settings-v1 {
        height: 1105px;
    }

    .language-section.eng img#en {
        display: block !important;
    }

    .language-section.rom img#ro {
        display: block !important;
    }

    .language-section .select-lang {
        display: block !important;
    }

    .contact-form-left {
        width: 100%;
        float: none;
    }

    .contact-info-right {
        width: 100%;
        float: none;
        padding-left: 0px;
        
    }
    
    .support-leftBox .contact-info-right {
        margin-top: 25px;
    }

    .contact-location hr {
        display: none;
    }

    .right-block.banner-play-now {
        max-height: 360px;
        height: 360px;
    }

    .right-hang {
        display: none;
    }

    .header-slider .slide-one img {
        width: auto;
        height: 326px;
        position: absolute;
        left: -260px;
        top: 0px;
    }

    .slider-holder {
        height: 273px;
    }

    h3.hN-slider-one.f-larger-size {
        font-size: 65px;
        line-height: 76px;
    }

    h5.hN-slider-one,
    h4.hN-slider-one {
        font-size: 40px;
        line-height: 35px;
    }

    .f-smaller-size {
        font-size: 13px;
        line-height: 17px;
    }

    .carousel-container,
    .slider > .slide-description,
    .slider .carousel-item {
        height: 150px;
        width: 100%;
        background-size: contain;
    }

    .carousel-item {
        padding-top: 30px;
    }

    .slide aside {
        position: absolute;
        right: 5px;
        top: 0px;
        height: 273px;
    }

    span.btn.bt-baum-orange, .carousel-item .btn {
        line-height: 30px;
        font-size: 24px;
        line-height: 1px;
        width: 175px;
        margin: 0px;
        margin-top: 10px;
    }

    section.footer-links > div{
        margin-bottom:30px;
        width: 90%;
    }

    .social-links {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 5px;
    }

    .paypal-cont ul {
        display: flex;
        max-width: 100%;
        flex-flow: row wrap;
        justify-content: center;
    }

        .paypal-cont ul li {
            justify-content: center;
            flex-direction: column;
            max-width: 33.333%;
        }

    footer .logos img {
        /*display: none;*/
    }

    .footer-content {
        color: #6998f4;
        font-size: 12px;
        font-family: 'Source Sans Pro', sans-serif;
        max-width: 1266px;
        text-align: center;
        padding-bottom: 30px;
        margin: 30px auto 0;
        font-weight: 600;
        line-height: 1.3;
    }

    .f-mobile {
        display: block !important;
    }

    section.main-section {
        display: block;
    }
    
    .games-holder .game-item {
        
    }

    .right-side {
        margin-left: 12px;
        width: auto;
        margin: 0 auto;
        margin-top: 20px;
        height: auto;
        display: flex;
        justify-content: space-between;
    }

    .right-block {
        width: 49%;
    }

    span.btn.play-now.bt-baum-orange {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        height: 52px;
        line-height: 52px;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        font-size: 28px;
    }

    .winner-details {
        flex-direction: row;
        height: 53px;
        padding-left: 10px;
        padding-right: 8px;
        align-items: center;
        justify-content: space-between;
    }

        .winner-details > div {
            padding-bottom: 0px;
        }

            .winner-details > div span {
                padding: 0px;
            }

    .games-holder {
        max-height: initial;
        overflow: hidden;
    }

    .games-scroll-pane {
        max-height: none;
    }

    .right-block.latest-winners {
        max-height: 415px;
        overflow-y: auto;
    }

    body {
        background-size: cover;
        background-image: url(../../img/page-bg-mobile.jpg);
    }

    .loggedin-dropdown {
        padding: 0px;
        flex-direction: column;
        height: auto;
        justify-content: space-between;
        align-items: center;
    }

    .center-deposit {
        border-top: 1px solid #264fa0;
        border-bottom: 1px solid #264fa0;
    }

    .center-deposit,
    .left-deposit,
    .right-deposit {
        padding-top: 20px;
        width: 100%;
        border-left: none !important;
        border-right: none !important;
        padding: 0px !important;
        padding-left: 10px !important;
        margin-top: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .welcome-login-text .loggedin-dropdown > div.center-deposit {
        border-bottom: 1px solid #264fa0;
        border-top: 1px solid #264fa0;
    }

    .start-steps img,
    .start-steps svg {
        margin-right: 0;
        height: 60px;
    }

    .other-news-box-container {
        flex-direction: column;
        max-width: 345px;
    }

    .other-news-box-item {
        margin-bottom: 15px;
    }

    .news-detail .content-title {
        flex-direction: column;
        text-align: center;
    }

    .news-detail-img {
        margin: 0 0 15px 0;
        width: 100%;
    }

    .game-play-section {
        width: 100% !important;
    }

    .game1-section .game-play-section {
        padding-right: 0;
    }

    .settings-accordion-res li {
        padding: 5px;
        vertical-align: top;
    }

    .settings-accordion-res .link {
        height: 60px;
    }

    .tabs-form-feilds-container .registration-form-fields .form-fields-1.dateofbirth input {
        width: 31.5%;
    }

    .other-promotions-single-item1 {
        width: 100%;
    }

    .game-type-item-border {
        width: 49.2%;
    }

    .news-list-item1 .promolist-image {
        position: relative !important;
    }

    .bet-col-sm-2 {
        width: 49.5% !important;
    }

    .bet-col-sm-1 {
        width: 100% !important;
    }

    .my-account-res li {
        width: 49.5%;
        vertical-align: top;
        padding: 5px;
    }

    .my-account-detail1 {
        width: 100%;
    }

    .account-tabs .tab {
        text-align: center;
    }


    .tabcontent {
        width: 100%;
        transform: translateX(0%);
    }

    .tabs-accordians-content .tabs-accordians-content1 {
        width: 100%;
    }

    .vl {
        display: none;
    }

    .account-tabs {
        width: 100%;
        padding-top: 10px;
    }

    .settings-tabs .tab {
        text-align: left;
    }

    .mi-setting-image1 {
        width: 49.5%;
        padding: 10px 2px;
    }

    .mi-search-icon {
        top: 10px;
        right: 10px;
    }

    .news-list-item {
        width: 48.5% !important;
    }

    .section-information {
        width: 100%;
    }

    .registration-form-fields .form-fields {
        width: 32.8%;
    }

    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

    .pay-container .content .region_select ul li select {
        width: 100%;
        padding-right: 2rem;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .pay-container .table table .thead {
        background-color: #4A6DEF;
        width: 50%;
        text-align: left;
        padding: 1rem;
        color: white;
        font-size: 18px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .pay-container .table table tbody tr td:nth-child(1) {
        padding: 1rem;
    }

    .pay-container .collapser {
        padding: 1rem 1rem;
        width: 100%;
        background-color: #18294C;
        overflow: hidden;
        box-sizing: border-box;
    }

        .pay-container .collapser.active {
            height: auto;
            overflow: hidden;
        }

        .pay-container .collapser:after,
        .pay-container .collapser:before {
            clear: both;
        }

        .pay-container .collapser h4 {
            color: #F7AE00;
            font-size: 1.25rem;
            margin-bottom: 1rem;
        }

        .pay-container .collapser p {
            color: #FFFFFF;
            font-size: 0.9rem;
        }

            .pay-container .collapser p a {
                color: #FFB400;
                text-decoration: underline;
                text-decoration-color: #695A31;
            }

    .pay-container .info_button {
        display: block;
        width: 100%;
        border: 0;
        padding: 1rem;
        color: black;
        font-weight: 400;
        font-size: 20px;
        background-color: #FFAD01;
        transition: all ease .4s;
        -webkit-transition: all ease .4s;
        -moz-transition: all ease .4s;
        -ms-transition: all ease .4s;
        -o-transition: all ease .4s;
        display: block;
        text-transform: uppercase;
    }

    .pay-container .less_button {
        display: block;
        width: 100%;
        border: 0;
        padding: 1rem;
        color: white;
        font-weight: 400;
        font-size: 20px;
        background-color: #4A6DEF;
        transition: all ease .4s;
        -webkit-transition: all ease .4s;
        -moz-transition: all ease .4s;
        -ms-transition: all ease .4s;
        -o-transition: all ease .4s;
        display: none;
        text-transform: uppercase;
    }

    .pay-container .table table tr td {
        width: 50% !important;
    }

    .pay-container .table table tr {
        display: inline-flex;
    }

    .pay-container .content .region_select ul li select,
    .pay-container .content .region_select ul li {
        width: 100%;
    }

    .pay-container .table table tbody tr:nth-child(even) {
        display: inline-flex;
    }

    .pay-container .table table tr {
        width: 100%;
        float: left;
    }

    .pay-container .table table thead tr th {
        display: inline-block;
        float: left;
    }

    .main-section-area-star .game-container {
        padding-bottom: 0;
    }
    

    .mainslider-bloc {
        background: #274580;
    }

    .main-section-area-star h2.decorated {
        cursor: pointer;
    }

        .main-section-area-star h2.decorated > span {
            font-size: 18px;
            letter-spacing: 2px;
            text-indent: 25px;
        }

            .main-section-area-star h2.decorated > span::before {
                content: '';
                font-family: FontAwesome;
                right: auto;
                border: none;
                width: auto;
                margin: 0;
                top: 0;
                left: -25px;
            }

            .main-section-area-star h2.decorated > span::after {
                display: none;
            }

    .main-section-area-star .tns-outer {
        width: 80%;
        margin: auto;
        background: none !important;
    }

    .mainslider-bloc .slider-arrows div {
        bottom: 40px;
    }

    /*.overlay-forgotpwd input[type="text"], .overlay-forgotpwd input[type="password"]{
        margin-bottom: 15px;
    }*/
    .overlay-forgotpwd div.form-fields-1 {
        margin-bottom: 15px;
    }

    #ctrlContainerFrgtPasswd .formError {
        position: absolute;
        right: 97px;
        margin-top: -33px;
        left: auto !important;
        margin-top: -22px !important;
        min-width: 155px;
    }

        #ctrlContainerFrgtPasswd .formError .formErrorContent {
            width: 100%;
        }

    #ctrlContainerFrgtPasswd {
        padding-top: 5px;
    }




    .umbrella-slider .slide aside {
        right: 30px;
        height: 275px;
    }

    .umbrella-slider .slide .btn {
        font-size: 24px;
        width: 140px;
        padding: 10px 0;
        text-align: center;
        margin-top: 10px;
    }

    .casino-slider .slide .btn, .carousel-item .btn {
        font-size: 24px;
        width: 140px;
        padding: 10px 0;
        text-align: center;
        margin-top: 10px;
    }

    .title-swc {
        top: 0 !important;
    }

    .games-scroll-pane .jspVerticalBar {
        display: none;
    }
    /*overwrite css*/
    .divcontent {
        display: block;
    }

    span.star {
        z-index: 1;
    }

    div#mdlVerifyEmail {
        display: none;
        position: absolute;
        top: 75px;
        left: 0px;
        width: calc(100% - 20px);
        /*background-color: #274580;*/
        margin-left: 10px;
        margin-right: 10px;
        z-index: 99999999;
        border-radius: 10px;
        padding: 10px;
        text-align: center;
    }
        /*div#mdlVerifyEmail button#btnFrgtEmailCross {
        margin: -20px -3% 0 0;
    }*/
        div#mdlVerifyEmail .modal-dialog {
            margin-top: 0;
        }

        div#mdlVerifyEmail .error {
            font-weight: bold;
        }

    /*.overlay-login-form div, .overlay-login-form div a {
        font-size: 12px;
    }*/

    .txtEmailLoginMobformError.parentFormloginFormMob.formError, .txtPasswdLoginMobformError.parentFormloginFormMob.formError {
        min-width: 155px;
    }

        .txtEmailLoginMobformError.parentFormloginFormMob.formError .formErrorContent, .txtPasswdLoginMobformError.parentFormloginFormMob.formError .formErrorContent {
            width: 100%;
        }

    div#ctrlContainerFrgtPasswd div:not([class]) {
        /*text-align: right;*/
    }

    div#mdlForgotPasswd {
        margin: 0 10px;
        width: calc(100% - 20px);
        top: 20px;
        border-radius: 10px;
    }
    
    .loggedin-dropdown{
        
    }

    .visit-sports-section .game1-play{
        width:100%;
    }

    .charge-account .charge-account-box{flex:0 0 100%;max-width:100%;}
    
    .registration-form-fields .refer-a-friend-phone input:nth-child(2) {
        display: inline-block;
        width: 26%;
    }
    
    #payment-history-tab .registration-form-fields .form-fields-1 {
        width: 100%;
        display: block;
    }
    
    #payment-history-tab .registration-form-fields strong.selectto {
        display: block;
        margin-bottom: 10px;
    }
    
    #dvCardNumbers table, #dvAllExistingRequests table, .agency-withdrawal-history table, #divMBTTaxInfo table, #dvCasinos table {
        border: 0;
      }


    #dvCardNumbers table thead, #dvAllExistingRequests table thead, .agency-withdrawal-history table thead, #divMBTTaxInfo table thead, #dvCasinos table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }

    #dvCardNumbers table tr, #dvAllExistingRequests table tr, .agency-withdrawal-history table tr, #divMBTTaxInfo table tr, #dvCasinos table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
      }

    #dvCardNumbers table td, #dvAllExistingRequests table td, .agency-withdrawal-history table td, #divMBTTaxInfo table td, #dvCasinos table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
      }

    #dvCardNumbers table td::before, #dvAllExistingRequests table td::before, .agency-withdrawal-history table td::before, #divMBTTaxInfo table td::before, #dvCasinos table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        background: #4a6def;
        padding: 10px;
        margin: 0 10px 0 0;
        line-height: 1;
        min-width: 96px;
      }

    #dvCardNumbers table td:last-child, #dvAllExistingRequests table td:last-child, .agency-withdrawal-history table td:last-child, #divMBTTaxInfo table td:last-child, #dvCasinos table td:last-child {
        border-bottom: 0;
      }
    
    #divEvolutionBanners {
        display: block;
    }

    .game-play-section .game1-play div {
        font-size: 34px;
        top: 30px;
    }
    
    .play-button {
        top: 70%;
    }
    
    .play-button .button {
        font-size: 28px;
        padding: 8px 30px;
    }

}


/************ MAX WIDTH 690 ***********/


@media (max-width: 690px) {
    .tab.margin-twenty .tablinks {
        width: 32.4%;
    }
}


/************ MAX WIDTH 600 ***********/


@media(max-width: 600px) {
    
    .tab-faq button, .tab-faqro button, .tab-faqen button, .tab-tocro button, .tab-tocen button, .tabsbrro button, .tabsbren button, .tab-rgro button, .tab-rgen button, .tab-ckro button, .tab-cken button, .tab-ppro button, .tab-ppen button {
        font-size: 14px;
    }
    
    .popup {
        width: 320px;
    }

    .popup-image-one,
    .popup-image-two {
        width: 100%;
        display: block;
        float: none;
    }

    .popup-image-two {
        margin-top: 25px;
    }

    .popup h4 {
        font-size: 22px;
        margin-top: -90px;
    }

    #bonusCancelationModal .popup h4 {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .box-action-right a {
    }

    .box-action-right span {
    }

    .box-title-left {
        width: 100%;
        float: none;
        color: #fff;
        text-align: center;
    }

    .box-action-right {
        width: 100%;
        float: none;
        text-align: center;
    }

        .box-action-right span {
            background: #11203e;
            text-align: center;
        }

    .page-title {
        font-size: 43px;
    }
    
    .promolist-item-content .button {
        position: relative;
        width: 100%;
        
    }
}


/************ MAX WIDTH 580 ***********/


@media(max-width: 580px) {

    .promlist-section .news-list-item1 .promolist-image {
        flex: 1 0 50%;
    }

    .promo-list-area .promlist-section {
        zoom: inherit;
    }
    
    .promo-list-area .promolist-item-title span {
        font-size: 30px;
    }
    
    .promo-list-area .promolist-item-content p {
        font-size: 18px;
    }

    .other-promotions-single-item-content {
        width: 190px !important;
    }

    .current-promotions-page {
        padding: 0px !important;
    }

    .other-promotions-single-item-content div span {
        font-size: 30px !important;
        line-height: 32px !important;
    }

    .search-filter form {
        width: 100%;
    }

    .current-bal {
        position: inherit;
    }

    .search-filter input {
        width: 50%;
        margin: 0px;
        display: block;
        text-align: center;
        margin: auto;
    }

    .search-filter label {
        font-size: 21px;
        text-align: center;
        display: block;
        padding: 13px 0px;
    }

    .deposit {
        text-align: center;
    }
    
    .desposit-page .accordion-sec .link img,
    p {
        display: block;
        margin: 0px;
        width: 100%;
        padding-bottom: 12px;
    }

    .submenu p {
        width: auto;
    }

    .desposit-page .accordion-sec .link p {
        width: 90%;
    }

    .desposit-page .accordion li i.fa-caret-right {
        right: 12px;
        left: auto;
        top: inherit;
        bottom: 28px;
    }

    .playbtnss .button {
        padding: 2px 10px !important;
    }

    .perals-of-india-text-1 {
        /* width: 74% !important; */
    }

    .perals-of-india-text-1 {
        font-size: 22px !important;
    }

        .perals-of-india-text-1 img {
            width: 147px;
            object-fit: contain;
        }

    .perals-of-india-responsive .button {
        padding: 8px 15px;
        font-size: 20px;
        line-height: 1;
    }
    
    .subpage-main-section-image .font-bold {
        font-size: 20px;
        text-align: center;
    }
    
    .games-holder .game-item {
        width: 50%;
    }
}


/************ MAX WIDTH 500 ***********/


@media (max-width: 500px) {
    .ticker-item img {
        width: 70px;
    }

    .ticker-item h4 {
        font-size: 30px;
        width: 137px;
    }

    .ticker-item a.play-now {
        margin-left: 10px;
    }
    .above-header-bar a {
        font-size:16px;
    }
    .content-header form input {
        max-width:100%;
    }
    
    a.select-content.first-element.mobile-selected {
        font-size: 14px;
        text-align: right;
        padding-right: 10px;
    }
}


/************ MAX WIDTH 1300 ***********/


@media (max-width: 1300px) {
    /*
    .nav-item.login-form .buttons {
        align-items: center;
    }

    .nav-item.login-form .buttons {
        align-items: center;
    }

        .nav-item.login-form .buttons a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

    .nav-item.login-form .form-input .fields {
        flex-direction: row;
    }

    .header.container .nav-item.login-form input[type="text"],
    .header.container .nav-item.login-form input[type="password"] {
        width: 50%;
    }

    .header.container .nav-item.login-form {
        padding-left: 5px;
        padding-right: 5px;
    }

    .header.container .nav-item.login-form {
        min-width: 350px;
    }

    .login-form .extra span {
        margin-right: 1px;
    }

    .login-form .extra a {
        align-self: flex-end;
    }
*/

    .header.container .nav-item.login-form {
        min-width: 485px;
    }
}


/************ MIN WIDTH 1025 --- MAX WIDTH 1300 ***********/


@media (min-width: 1025px) and (max-width: 1300px) {
    .header .logo {
        min-width: 180px;
    }

        .header .logo img {
            max-width: 100%;
        }

    .header.container .nav-item {
        max-width: 100px;
    }

        .header.container .nav-item.login-form #dvLogin input[type="text"], .header.container .nav-item.login-form #dvLogin input[type="password"] {
            width: auto;
            max-width: 100%;
        }

        .header.container .nav-item.login-form form {
            max-width: 100%;
        }

        .header.container .nav-item.login-form #dvLogin {
            width: 60%;
        }

    .nav-item.login-form .form-input .fields {
        width: 50%;
    }

    .header.container .nav-item.login-form {
        border-right: none;
    }
    
    header .header.container .nav-item.language {
        border-left: none;
    }

    div#loggedin {
        max-width: 338px;
    }

    div#divContactUs .refreshcaptcha {
        width: calc(100% - 180px);
        max-width: 35px;
        padding-left: 4px;
        padding-right: 4px;
    }
    .header .header.container .nav-item.language {
        border-left: none;
    }
    .header.container .nav-item.login-form {
        border-right: none;
    }
    .game-title {
        font-size: 16px;
        text-transform: uppercase;
    }
    .visit-button .button {
        padding: 9px 10px;
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    #mobile-header-appicon {
        display: block;
    }
    div#divContactUs .refreshcaptcha {
        width: 30px;
        padding-left: 4px;
        padding-right: 4px;
    }

    div#divContactUs .captcha-section .captchaimage {
        width: calc(100% - 30px);
    }

    iframe#liveChatIframe {
        z-index: 99999 !important;
        right: 10px !important;
    }

    span#liveChat_Closebtn {
        z-index: 999999 !important;
        right: 0 !important;
    }

    .language-selection-items .scroll-pane {
        height: 112px;
    }
    .header.container .nav-item.login-form{
        min-width: 0;
        order: 2;
        padding: 0;
    }

    .userLogedIn .header .logo{
        /*width: calc(100% - 105px);*/
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .left-sidebar .accordion-res li {
        position: relative;
    }

    .left-sidebar .accordion li .submenu {
        position: absolute;
        width: 100%;
        z-index: 99;
    }
}

@media (min-width: 480px) and (max-width: 768px) {

    .main-content-block.news-list, .main-content-block.news-detail {
        width: auto;
        margin: 0;
    }

    .container-drk {
        padding: 12px 20px;
    }

        .container-drk .display-inline-block {
            padding: 26px 0;
        }

    .set-monetary-limits .float-right {
        width: 33%;
    }

        .set-monetary-limits .float-right .input-limit,
        .set-monetary-limits .float-right .btn-modify {
            width: 100%;
            text-align: center;
        }

        .set-monetary-limits .float-right .btn-modify {
            margin-top: 10px;
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 24px;
        }

    .profile-btn {
        font-size: 21px;
        flex: 0 0 50%;
    }

    .casino-slider .slide aside {
        right: 60px;
    }
}

@media (min-width: 481px) and (max-width: 540px) {
    .pay-container .content .topbar .nav_tab li a {
        letter-spacing: 0;
    }

    .tabs-form-feilds-container .registration-form-fields .form-fields-1 {
        width: 49%;
    }
}

@media(max-width: 480px) {
    
    .mobile-step {
        margin: 0 0 50px;
        max-width: 100%;
    }
    
    .step-text {
        min-height: auto;
    }
    
    .game-type-item .game-title {
        padding: 10px 5px;
        font-size: 14px;
    }
    
    #dvCardNumbers table td::before, #dvAllExistingRequests table td::before, .agency-withdrawal-history table td::before, #divMBTTaxInfo table td::before, #dvCasinos table td::before {
        /*padding: 15px 5px;*/
        margin: 0 10px 0 0;
        font-size: 10px;
    }
    .tab-faq button, .tab-faqro button, .tab-faqen button, .tab-tocro button, .tab-tocen button, .tabsbrro button, .tabsbren button, .tab-rgro button, .tab-rgen button, .tab-ckro button, .tab-cken button, .tab-ppro button, .tab-ppen button {
        width: 49%;
        font-size: 12px;
    }
    
    .mobile-devices-content {
        width: 100%;
        padding: 15px;
    }

    .mobile-steps-desktop {
        display: none;
    }

    .mobile-store-icons img {
        width: 100%;
    }

    .mobile-steps-mobile {
        display: block;
    }

    .mobile-store-icons {
        font-size: 20px;
        color: #fff;
    }

    .container-drk {
        padding: 12px 15px;
    }

    .kyc-btn-container {
        flex-direction: column-reverse;
        align-self: center;
        text-align: center;
    }

        .kyc-btn-container .btn {
            margin-bottom: 10px;
        }

        .kyc-btn-container .mr-10 {
            margin-right: 0;
        }

    .other-news-box-container {
        flex-direction: column;
    }

    .other-news-box-item {
        margin-bottom: 15px;
    }

    .game-play-section .game1-play div {
        font-size: 30px !important;
    }

    .play-button .button {
        font-size: 25px;
        padding: 11px 25px;
    }

    .refreshcaptcha {
        padding-left: 10px;
    }

    .section-information {
        width: 100%;
    }

    .registration-form-fields .form-fields {
        width: 31.8%;
    }

    .registration-form-fields .form-fields-1.dateofbirth select {
        width: 31.8%;
    }

    .textwrap-mi-icon {
        text-align: center;
    }

        .textwrap-mi-icon img.textwrap {
            float: none;
        }

    .mi-setting-image1 {
        width: 100%;
        padding: 10px 2px;
    }

    .mi-search-icon {
        top: 10px;
        right: 20px;
    }

    .tabs-form-feilds-container .registration-form-fields .form-fields-1.dateofbirth input {
        width: 31.5%;
    }

    .tabs-form-feilds-container {
        text-align: left;
    }

        .tabs-form-feilds-container .registration-form-fields .form-fields-1 {
            width: 100%;
        }

    .settings-v1 {
        display: none;
    }

    .other-promotions-single-item-content {
        padding-top: 5%;
    }

    .other-promotions-single-item1 {
        width: 100%;
        height: 340px;
    }

    .other-promotions-single-item {
        height: 315px;
    }

    .other-promotions-single-item-image {
        height: 100%;
        max-width: 315px;
    }

    .my-account-res li {
        width: 100%;
        vertical-align: top;
        padding: 0px;
    }

    .for-real-cash {
        float: left;
    }

    .tabs-accordians-content .tabs-accordians-content1 {
        width: 100%;
    }

    .tabs-accordians-content td {
        text-align: left;
    }

    .vl {
        display: none;
    }

    .tabcontent {
        width: 100%;
        transform: translateX(0%);
    }

    .tab .tablinks {
        width: 49%;
        font-size: 14px;
    }

    .account-tabs {
        width: 100%;
        text-align: center;
        line-height: 40px;
        padding-top: 10px;
    }
    

    .my-account-detail1 {
        width: 100%;
        text-align: center;
    }

    .news-list-item1 .promolist-image {
        position: relative !important;
    }

    .bet-col-sm-1 {
        width: 100% !important;
    }

    .promlist-section .news-list-item1 {
        flex-direction: column;
    }

        .promlist-section .news-list-item1 div.promolist-image {
            width: 100%;
        }

        .promlist-section .news-list-item1 .promolist-item-content {
            width: 100%;
            display: block;
            text-align: center;
        }

    .promo-list-area .promolist-item-title {
        text-align: center;
    }

    .promolist-item-content {
        position: relative;
        top: 0;
        transform: translateY(0%);
    }

    .promo-list-area div {
        width: 100%;
    }

    .promolist-item-content .button {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .accordion-res li {
        width: 100%;
        display: block;
    }

    .search-filter label {
        display: block;
        text-align: center;
        padding: 10px;
    }

    .current-promotions-table td {
        display: table-cell;
    }

    .search-filter input {
        width: 100%;
    }

    /*td {
        display: table-row;
    }*/

    .accordion-sec .submenu {
        padding: 20px 10px;
    }

    .accordion-sec .link p {
        left: 0px;
    }

    .my-account-page .tab .tablinks {
       /* width: 31.5%;*/
        letter-spacing: 0px;
    }

    .other-promotions-single-item1 {
        width: auto !important;
    }

    .pay-container .content .topbar .sec-title {
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    .pay-container .content .topbar .nav_tab {
        width: 100%;
        text-align: center;
    }

        .pay-container .content .topbar .nav_tab ul {
            text-align: center;
        }

    .sec-plit::before {
        display: none;
    }

    .visit-sports-section .game1-play div.title-swc {
        top: auto;
    }

    .promo-list-area .promlist-section .news-list-item1 {
        height: auto;
    }
    
    .visit-sports-section a {
        font-size: 25px;
    }
    
    .registration-form-fields .refer-a-friend-phone input:nth-child(2) {
        display: inline-block;
        width: 27%;
    }
}

@media (max-width: 479px) {
    .center-block .mobile-menu-ham span.toggleMenu {
        top: 2px;
        height: 41px;
        left: 0;
    }

    .a.select-content.selected.first-element {
        line-height: 40px;
    }

    .content-header form input {
        line-height: 40px;
    }

    .games-holder .game-item {

    }

    .winner-details {
        flex-direction: column;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 83px;
    }

        .winner-details > div span {
            padding-top: 1.5px;
            padding-bottom: 1.5px;
        }

        .winner-details > div {
            padding-bottom: 4px;
        }

    .loggedin-dropdown span.action-item {
        width: auto;
    }

    .right-block.banner-play-now span.btn.play-now.bt-baum-orange {
        width: 93%;
        padding: 0;
    }

    .view-monetary-limits .display-inline-block,
    .view-monetary-limits .float-right {
        width: 100%;
        display: block;
        text-align: center;
        float: none;
    }

        .view-monetary-limits .float-right .btn-modify {
            margin: 10px auto 0;
            padding: 8px;
            width: 140px;
            font-size: 24px;
            display: block;
        }

    .input-limit {
        margin: 10px auto 0;
        width: 140px;
        text-align: center;
    }

    .profile-btn-container {
        flex-direction: column;
    }

    .container-drk.d-flex {
        flex-direction: column;
        text-align: center;
    }

    .kyc-txt-container {
        margin-bottom: 15px;
    }

    .txt-align-center-xs {
        text-align: center;
    }

    .btn-align-center-xs {
        margin: 0 auto;
        display: block;
    }

    .content-title {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .carousel-item aside {
        right: 40px;
        display: none;
    }

    .slider > .slider-arrow-prev > label, .slider > .slider-arrow-next > label {
        width: 15px;
        height: 25px;
        margin-top: -12px;
    }

    .slider > .slider-arrow-next > label {
        right: 10px;
    }

    .slider > .slider-arrow-prev > label {
        left: 10px;
    }

    #playerFormRegister label[for="txtLastNameRegister"] + .txtLastNameRegisterformError.parentFormplayerFormRegister.formError {
        left: 206px !important;
    }
    .txtNickNameRegisterformError.parentFormplayerFormRegister.formError {
        left: 191px !important;
    }
}

@media (max-width: 390px) {
    .tab.margin-twenty .tablinks {
        width: 49%;
    }
    
    .registration-form-fields .refer-a-friend-phone input:nth-child(2) {
        display: inline-block;
        width: 26%;
    }
}

@media (max-width: 380px) {
    .header .logo img {
        max-width: 170px;
    }

    section.ticker {
        height: 100px;
    }

    .ticker-item {
        padding-right: 10px;
        padding-left: 10px;
    }

        .ticker-item h5 {
            font-size: 20px;
        }

        .ticker-item h4 {
            min-width: 120px;
            font-size: 24px;
            width: auto;
        }

        .ticker-item a.play-now {
            padding-right: 0;
            padding-left: 0;
            width: 85px;
            display: block;
            text-align: center;
        }

    .content-header form {
        min-width: auto;
    }
    
    #live-search fieldset {
        display: block;
        padding: 5% 0;
        width: 100%;
    }
    
    #live-search fieldset input {
        width: 100%;
    }

    .games-holder .game-item {
    }

    footer .f-mobile {
        display: none !important;
    }

    footer .f-mobile-sm {
        display: block !important;
    }

    .winner-details {
        flex-direction: column;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 83px;
    }

        .winner-details > div span {
            padding-top: 1.5px;
            padding-bottom: 1.5px;
        }

        .winner-details > div {
            padding-bottom: 4px;
        }

    span.btn.play-now.bt-baum-orange {
        font-size: 20px;
        height: 38px;
        line-height: 38px;
    }

    .game-title {
        font-size: 20px;
    }

    .visit-button .button {
        font-size: 14px;
    }

    .start-playing h2 {
        font-size: 40px;
        line-height: 68px;
        padding: 0 15px;
    }

    .start-playing p {
        width: 90%;
    }

    .page-title {
        font-size: 33px;
    }

    .section-information .info-title {
        font-size: 30px;
    }

    .registration-form-fields .form-fields label, .registration-form-fields .form-fields-1 label {
        font-size: 13px;
        font-weight: 600;
    }

    .welcome-login-text .loggedin-dropdown > div.center-deposit {
        min-width: 100%;
    }

    .header .logo {
        /*width: calc(100% - 15%);
        left:15%;*/
    }
    .carousel-item aside {
        right: 30px;
        display: none;
    }
    h3.hN-slider-one.f-larger-size {
        font-size: 58px;
        line-height: 68px;
    }
    h5.hN-slider-one, h4.hN-slider-one {
        font-size: 36px;
        line-height: 36px;
    }
    .footer-centered .links a {
        display: inline-block;
        width: 100%;
        margin: 0 0 10px;
    }
    .start-steps h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width:360px) {
    .main-notif {
        position: absolute;
        top: -14px;
        right: 54px;
        z-index: 999;
    }
}
    .bonusWrap .button {
        font-size:19px;
    }
    .other-news-title {
        font-size: 41px;
    }
}
@media only screen and (max-width: 480px) {
        .tabs-provider-cgr div {
            width: 100%;
        }
    }
@media (min-width: 481px) and (max-width: 1024px) {
    .tabs-provider-cgr div {
        width: 47%;
        margin: 0 1% 10px 1%;
    }
}
@media (min-width: 768px) and (max-width: 1260px)
	.carousel-umbrella .col-container {
		padding: 0;
}
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}


#slider_container_2 { float: left; margin: 0 0 0 0px; padding: 0px; width: 100%;  }
#slider_container_2 img{width:100%}
.SliderName_2 {
	float: left;
	width: 100%;
	overflow: hidden;
}

SliderName_2 img{width:100%;}

.SliderNamePrev_2 {
	background: url(../Images/rImages/left.png) no-repeat left center;
	width: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_2 {
	background: url(../Images/rImages/right.png) no-repeat right center;
	width: 50px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_2Description {
	padding: 10px;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 1px 3px #000000;
}

#SliderNameNavigation_2 { margin: 0; padding: 10px 0 0 0; height: 16px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_2 a:link, #SliderNameNavigation_2 a:active, #SliderNameNavigation_2 a:visited, #SliderNameNavigation_2 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_2 a img
{
	border: none;
	width: 16px;
	height: 16px;
	background: url(../img/bullet.png) no-repeat center center;
}

#SliderNameNavigation_2 a.active img
{
	background: url(../img/bullet_active.png) no-repeat center center;
}




/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }

.txtEmailformError.parentFormloginForm.formError,.txtPasswordformError.parentFormloginForm.formError {
    left:auto !important;
    right:20px !important;
}

#loginForm input#txtEmail,#loginForm input#txtPassword {
    position:relative;
}

.txtEmailLoginMobformError.parentFormloginFormMob.formError,.txtPasswdLoginMobformError.parentFormloginFormMob.formError {
       left: 15px !important;
}


.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
    z-index:1200;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	/*width: 100%;*/
	background: #ee0101;
	position:relative;
	color: #fff;
	width: 132px;
    /*width: 150px;*/
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 5px 4px 10px;
    /*padding: 4px 10px 4px 10px;*/
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    text-align:left;
    /* ad Manish */ top:2px;/*end*/
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

