@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lemon&family=Montserrat:wght@500;600;700&display=swap);
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}abbr[title]{cursor:help;border-bottom:1px dotted #777}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-sm-4,.col-sm-8{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:768px){.col-sm-4,.col-sm-8{float:left}.col-sm-8{width:66.66666667%}.col-sm-4{width:33.33333333%}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=checkbox]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox{margin-top:-5px}fieldset[disabled] input[type=checkbox],input[type=checkbox].disabled,input[type=checkbox][disabled]{cursor:not-allowed}.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.media{margin-top:15px}.media:first-child{margin-top:0}.media{overflow:hidden;zoom:1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.carousel{position:relative}.container:after,.container:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.row:after,.row:before{display:table;content:" "}.container:after,.modal-footer:after,.nav:after,.row:after{clear:both}.hide{display:none!important}.show{display:block!important}.hidden{display:none!important}@-ms-viewport{width:device-width}
/* ! 137 строку раскомментировать */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /* background: url("owl.video.play.png") no-repeat; */
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

* {
  scrollbar-color: rgb(255, 255, 255) rgb(41, 41, 41);
    scrollbar-width: thin;
}

body {
  overflow-x: hidden;
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  /*background: #181818;*/
  background: #131313;
  color: #ffffff;
}
html {
  scrollbar-width: 2px;
  scrollbar-color: #fff
}
html::-webkit-scrollbar {
  width: 4px;
}
html::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #fff;
  /* height: 10%; */
}
html::-webkit-scrollbar-track {
  background: #292929;
  border-radius: 2px;
}

/* Handle on hover */
html::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (max-width: 600px) {
  html,
  body {
    height: 100%;
    overflow: auto;
  }
}
@media (min-width: 1200px){

  .container {
    width: 1256px;
  }
}

body.text-page {
  color: #dedede;
}
a:focus {
  outline: none;
  text-decoration: none;
}

#loadChat{
  align-items: center;
  border-radius: 34px 8px 34px 34px;
  bottom: 20px;
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .26);
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: fixed;
  right: 20px;
  z-index: 9995;
  height: 60px;
  width: 60px;
  background-color: #810000 !important;
  color: #ffffff !important;
  border-color: transparent #810000 transparent transparent;
}

#loadChat img {
	width: 45%;
	height: auto;
	background: #fff;
	padding: 2px;
}

/*---------------------------------
GALLERY AT MAIN PAGE
-----------------------------------*/

.main-gallery {
  margin: 0 auto;
  /*box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.9);*/
}
.gallery-wrapper {
  width: 100vw;
}
.owl-item {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.slide {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 570px;
}
.slide__content {
  height: 0;
  min-height: 570px;
  display: table;
  width: 100%;
}
.slide__content-inner {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 60px;
  text-align: center;
  position: relative;
}

.header {
  position: absolute;
  width: 100vw;
  left: 0;
}

@media screen and (max-width: 768px) {
  .slide__content-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 700px) {
  .slide__content-inner {
padding-bottom: 36px;
  }
}
@media screen and (max-width: 600px) {
  .text-page h1 {
    text-align: center;
  }

  .slide__content-inner {
    text-align: center;
  }
}
.slide__link {
  font-size: 24px;
  color: white;
  display: inline-block;
  padding: 15px 75px;
  background: #03bd5b;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  transition: 1s;
  overflow: hidden;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
}
.slide__link:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 14px;
  background-image: url(/dist/assets/images/arrow-icon.dae6a6cc.webp);
  top: 25px;
  left: 35px;
  transform: translate(-50px, 0);
  transition: 0.6s;
}
.slide__link:hover {
  text-decoration: none;
  color: white;
  background: #009c3a;
}
.slide__link:hover:before {
  transform: translate(0);
}
/*OWL CAROUSEL NAVIGATION - DOTS*/
.owl-dots {
  float: left;
  z-index: 99;
  margin-top: -45px;
  position: relative;
  text-align: center;
  width: 100%;
}
.owl-dot {
  width: 9px;
  height: 9px;
  background: white;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px;
}
.owl-dots .active {
  background: #fbcd62;
}
.owl-dots .active:before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #fbcd62;
  border-radius: 50%;
  margin-left: -4px;
  margin-top: -4px;
  z-index: 9999;
  position: absolute;
}
.header-inner {
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 9;
  text-align: right;
}
.header-inner {
  background: linear-gradient(to right, #3d0909, #a40a09);
  height: 84px;
  padding: 0 1.563vw 0 10.938vw;
}

.logo img {
width: 120px;
height: 48px;
padding: 0;
}
.menu ul li {
  padding-top: 3px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  margin-right: 33px;
}
.menu ul li a {
  display: inline-block;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
#register-btn {
background-color: #02BD5B;
}
@media screen and (min-width: 1200px) {
  .header-inner {
    padding: 0 1.563vw 0 calc(48vw - 558px);
  }
}
@media screen and (max-width: 1162px) and (min-width: 992px) {
  .menu ul li a{
      font-size: 12px;
    }
    .menu ul li {
      margin-right: 16px;
    }
}
.mobile-container {
height: 100%;
}
#sign-btn {
  width: 160px;
  height: 44px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
.header-buttons {
  display: inline-block;
  margin-top: 20px;
}
#register-btn {
  width: 160px;
  height: 44px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
@media screen and (max-width: 1162px) and (min-width: 992px) {
    a#sign-btn{
      height: 32px;
      width: 120px;
      font-size: 12px;
      line-height: 14px;
    }
    a#register-btn{
      width: 120px;
      height: 32px;
      font-size: 12px;
      border-radius: 40px;
      line-height: 14px;
    }
    .header-buttons {
      margin-top: 26px;
    }
}
.logo {
  position: relative;
  z-index: 99999;
  display: inline-block;
  float: left;
  padding-top: 16px;
}
.logo a {
  position: relative;
}
.logo a:after {
  content: "";
  position: absolute;
  z-index: 99999;
  top: -25px;
  left: 56px;
  width: 70px;
  height: 70px;
  background-image: url(/dist/assets/images/shine1.810704f6.webp);
  background-repeat: no-repeat;
  animation: shining2 2s linear infinite;
}
.logo a:before {
  content: "";
  position: absolute;
  z-index: 99999;
  top: -27px;
  left: 25px;
  width: 90px;
  height: 70px;
  background-image: url(/dist/assets/images/shine2.1a8ae09d.webp);
  background-repeat: no-repeat;
  animation: shining 3.5s linear infinite;
}

@keyframes shining {
  0% {
    transform: translateX(12px);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(12px);
    opacity: 0;
  }
}
@keyframes shining2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-width: 991px) {
  .logo {
    position: absolute;
    left: 75px;
  }
}
@media screen and (max-width: 480px) {
  .logo img {
    max-width: 150px;
  }
  .logo a:after {
    left: 38px;
  }
  .logo a:before {
    left: 12px;
  }
}
@media screen and (max-width: 480px) {
  .logo {
    position: absolute;
    left: 18%;
  }
}
.lang {
  display: inline-block;
  vertical-align: top;
  margin-top: 37px;
  width: 60px;
}
@media screen and (max-width: 991px) {
  .lang {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
  }
}
@media screen and (max-width: 992px) {
  .mobile-container {
    width: 100vw;
    max-width: 750px;
    left: calc(50vw - 375px);
  }
}
.lang-chooser {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.lang-chooser label {
  margin: 0;
}
.lang-chooser label:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 14px;
  background-image: url(/dist/assets/images/arrow-icon.dae6a6cc.webp);
  top: 4px;
  left: -10px;
  transform: rotate(90deg);
}
.lang-input {
  cursor: pointer;
  height: 17px;
  background: transparent;
  border: none;
  padding-left: 5px;
  width: 40px;
  min-height: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.lang-list {
  width: 100%;
  background: #181818;
  display: none;
  top: 20px;
  min-width: 40px;
  left: -10px;
  position: absolute;
  z-index: 9999;
  text-align: left;
  list-style-type: none;
  padding: 10px;
}
.lang-list a {
  cursor: pointer;
  color: #dbdbdb;
  list-style-type: none;
  font-size: 14px;
  line-height: 16px;
}
.lang-list a:hover {
  color: #ffaf45;
}
.menu {
  display: inline-block;
  margin-top: 26px;
  order: 2;
font-size: 18px;
font-weight: 700;
line-height: 24px;

}
.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu ul li a {
  color: white;
  text-transform: uppercase;
  padding-bottom: 5px;
  position: relative;
}
.menu ul li a:after {
  content: "";
  position: absolute;
  width: 0;
  left: 50%;
  height: 3px;
  transition: 0.3s;
  background: linear-gradient(to right, #fbb535, #fd7d03);
  bottom: -5px;
}
.menu ul li a:hover {
  text-decoration: none;
}
.menu ul li a:hover:after {
  width: 100%;
  margin-left: -50%;
}
@media screen and (max-width: 1200px) {
  .menu ul li {
    margin-right: 30px;
  }
}
@media screen and (max-width: 991px) {
  .menu ul li {
    display: block;
    text-align: center;
    border-bottom: 1px solid #221212;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 991px) {
  .menu ul li {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .menu {
    top: 60px;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
    right: 0;
    width: 100%;
  }
}
#register-btn,
.link_btn {
  font-size: 14px;
  color: white;
  overflow: hidden;
  display: inline-block;
  padding: 10px 0;
  width: 160px;
  font-weight: bold;
  text-align: center;
  background: #02BD5B;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  transition: 1s;
  margin-left: 15px;
}
.refferal-block {
  flex-direction: row-reverse;
}
#register-btn:hover,
.link_btn:hover {
  text-decoration: none;
  color: white;
  background: #02BD5B;
}
@media screen and (max-width: 991px) {
  #register-btn {
    display: block;
    margin: 0 auto;
  }
}
#sign-btn {
  font-size: 14px;
  color: black;
  overflow: hidden;
  display: inline-block;
  padding: 9px 0;
  width: 160px;
  font-weight: bold;
  text-align: center;
  border: 1px solid white;
  background: white;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
}

#sign-btn:hover {
  color: white;
  background: #009c3a;
  text-decoration: none;
}
#sign-btn:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 991px) {
  #sign-btn {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
#buter {
  order: 9;
  position: absolute;
  z-index: 99999;
  right: calc(26vw - 126px);;
  top: 35px;
  width: 40px;
  height: 35px;
  display: none;
}
@media screen and (max-width: 991px) {
  #buter {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  #buter {
    right: 24px;
  }
}
#buter span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
/* Icon 3 */
#buter span:nth-child(1) {
  top: 0px;
}
#buter span:nth-child(2),
#buter span:nth-child(3) {
  top: 10px;
}
#buter span:nth-child(4) {
  top: 20px;
}
#buter.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
#buter.open span:nth-child(2) {
  transform: rotate(45deg);
}
#buter.open span:nth-child(3) {
  transform: rotate(-45deg);
}
#buter.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
@media screen and (max-width: 991px) {
  .header-buttons {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .mobile-container {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .mobile-container {
    left: 0;
  }
}
.mobile-container.open {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  padding-bottom: 30px;
  background: black;
  z-index: 9;
  overflow: auto;
}
.mobile-container-inner {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .mobile-container-inner {
    display: flex;
    padding-top: 100px;
    flex-direction: column;
  }
}
.left-wrapper {
  order: 2;
}
.games-container {
  overflow: hidden;
}
.games .tab {
  margin-right: 0;
}
.games-wrapper {
  position: relative;
  padding-top: 10px;
  padding-bottom: 30px;
}

.promo-inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1176px;
  margin: auto;
  gap: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 168px;
}

@media screen and (max-width: 992px) {
  .promo-inner {
margin-bottom: 74px;
  }
}

.promo-card {
  align-self: stretch;
  max-width: 380px;
  background-color: #481D1D;
  border-radius: 10px;
}

.promo-card img {
  height: 217px;
  width: 100%;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  object-fit: cover;
}

.promo-block {
  padding: 32px 16px;
  height: 216px;
}

.promo-heading {
  margin: 0;
  margin-bottom: 8px;
  font-family: Open Sans;
font-size: 24px;
font-weight: 700;
line-height: 32px;
text-align: left;
}

.promo-text {
  font-family: Open Sans;
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: left;
margin-bottom: 32px;
}

.promo-btn {
  display: block;
  width: 160px;
height: 44px;
padding: 8px 2px 8px 2px;
border-radius: 40px;
background-color: #fff;
font-family: Open Sans;
font-size: 14px;
font-weight: 700;
line-height: 27px;
text-align: center;
color: #000;
cursor: pointer;

}

.playNow {
  display: none;
  width: 233px;
  height: 58px;
  border-radius: 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  background-color: #02BD5B;
  margin: 0 auto 56px;
  border: none;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.playNow:hover {
  color: #fff;
  background: #009c3a;
  text-decoration: none;
}

.games-breadcrumbs {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 56px 0 32px;
}

.games-breadcrumbs span {
  font-weight: 700;
}

.tabs {
  cursor: pointer;
  width: 100%;
  display: flex;
}
@media screen and (max-width: 768px) {
  .tabs {
    text-align: center;
    width: 100%;
  }
}
.tabs-wrapper {
  padding-top: 15px;
  padding-bottom: 36px;
  border-bottom: 2px solid #414141;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.link_btn {
  margin: 0;
  width: 233px;
  height: 60px;
  border-radius: 40px;
  padding: 15px 52px;
  font-family: Open Sans;
font-size: 20px;
font-weight: 600;

}
.tab {
  text-transform: uppercase;
  border-left: 1px #343434 solid;
  border-right: 1px #343434 solid;
  flex-grow: 1;
  flex-basis: 0;
  font-size: 16px;
  color: #A6A6A6;
  display: inline-block;
  padding: 12px;
  margin-bottom: 0;
  cursor: pointer;
  border-radius: 0px;
  position: relative;
  font-weight: 400;
  margin-right: 10px;
  background-color: #2A2A2A;
  text-align: center;
  font-family: Open Sans;
  line-height: 18px;
}

.tab:nth-of-type(1) {
  border-left: none;
}
.tab:nth-last-of-type(1) {
  border-right: none;
}
.tab:nth-of-type(1) {
  border-left: none;
}
.tab:nth-last-of-type(1) {
  border-right: none;
}

.tab:hover {
  text-decoration: none;
  background: #252525;
}

@media screen and (max-width: 768px) {
  .tab:hover:after {
    display: none;
  }
}
@media screen and (min-width: 560px) {
  .tab:nth-of-type(1) {
    max-width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .tab {
    padding: 12px 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .tab span {
    line-height: 14px;
  }

  .tab {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.tab input {
  display: none;
}
@media screen and (max-width: 768px) {
  .tab {
    width: 49%;
  }
}
@media screen and (max-width: 560px) {
  .tabs {
    flex-wrap: wrap;
  }

  .tab {
    border: 1px #343434 solid;
  }
}

@media screen and (max-width: 991px) {
  .tab {
    flex-basis: auto;
  }
}
@media screen and (max-width: 480px) {
  .tab {
    font-size: 12px;
  }
}
.tab.active {
  background: #343434;
  border-bottom: 3px solid #EEB648;
  color: #FFFFFF;
  font-weight: 700;
}
.game-block {
  position: relative;
  height: 215px;
  width: 24%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 15px;
  border-radius: 5px;
  transform: scale(0);
  opacity: 0;
}
/*block animation 1*/
.grid-inner.active .game-block {
  transition: 0.6s;
  transform: scale(1);
  opacity: 1;
}
.grid-inner.disable-animation .game-block {
  transition: none !important;
}
.grid-inner.active .game-block:nth-of-type(2) {
  transition-delay: 0.1s;
}
.grid-inner.active .game-block:nth-of-type(3) {
  transition-delay: 0.2s;
}
.grid-inner.active .game-block:nth-of-type(4) {
  transition-delay: 0.3s;
}
.grid-inner.active .game-block:nth-of-type(5) {
  transition-delay: 0.4s;
}
.grid-inner.active .game-block:nth-of-type(6) {
  transition-delay: 0.5s;
}
.grid-inner.active .game-block:nth-of-type(7) {
  transition-delay: 0.6s;
}
.grid-inner.active .game-block:nth-of-type(8) {
  transition-delay: 0.7s;
}
.grid-inner.active .game-block:nth-of-type(9) {
  transition-delay: 0.8s;
}
.grid-inner.active .game-block:nth-of-type(10) {
  transition-delay: 0.9s;
}
.grid-inner.active .game-block:nth-of-type(11) {
  transition-delay: 1s;
}
.grid-inner.active .game-block:nth-of-type(12) {
  transition-delay: 1.1s;
}
.grid-inner.active .game-block:nth-of-type(13) {
  transition-delay: 1.2s;
}
.grid-inner.active .game-block:nth-of-type(14) {
  transition-delay: 1.3s;
}
.grid-inner.active .game-block:nth-of-type(15) {
  transition-delay: 1.4s;
}
.grid-inner.active .game-block:nth-of-type(16) {
  transition-delay: 1.5s;
}
.grid-inner.active .game-block:nth-of-type(17) {
  transition-delay: 1.6s;
}
.grid-inner.active .game-block:nth-of-type(18) {
  transition-delay: 1.7s;
}
.grid-inner.active .game-block:nth-of-type(19) {
  transition-delay: 1.8s;
}
.grid-inner.active .game-block:nth-of-type(20) {
  transition-delay: 1.9s;
}
.grid-inner.active .game-block:nth-of-type(21) {
  transition-delay: 2s;
}
.grid-inner.active .game-block:nth-of-type(22) {
  transition-delay: 2.1s;
}
.grid-inner.active .game-block:nth-of-type(23) {
  transition-delay: 2.2s;
}
.grid-inner.active .game-block:nth-of-type(24) {
  transition-delay: 2.3s;
}
.grid-inner.active .game-block:nth-of-type(25) {
  transition-delay: 2.4s;
}
.grid-inner.active .game-block:nth-of-type(26) {
  transition-delay: 2.5s;
}
.grid-inner.active .game-block:nth-of-type(27) {
  transition-delay: 2.6s;
}
.grid-inner.active .game-block:nth-of-type(28) {
  transition-delay: 2.7s;
}
.grid-inner.active .game-block:nth-of-type(29) {
  transition-delay: 2.8s;
}
.grid-inner.active .game-block:nth-of-type(30) {
  transition-delay: 2.9s;
}

.game-block:hover .games-block__inner {
  opacity: 1;
}
.game-block:hover .games-block__inner a {
  transform: translateY(0);
}
@media screen and (max-width: 1200px) {
  .game-block {
    height: 180px;
  }
}
@media screen and (max-width: 991px) {
  .game-block {
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .game-block {
    margin-bottom: 5px;
    width: 24%;
  }
}
@media screen and (max-width: 580px) {
  .game-block {
    margin-bottom: 5px;
    width: 32%;
  }
}
@media screen and (max-width: 480px) {
  .game-block {
    height: 140px;
    width: 49%;
  }
}
@media screen and (max-width: 350px) {
  .game-block {
    height: 120px;
  }
}
.games-block__inner {
  overflow: hidden;
  opacity: 0;
  border-radius: 5px;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(202, 1, 1, 0.8);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
.games-block__inner a {
  font-size: 14px;
  color: #ffee66;
  display: inline-block;
  padding: 9px 0;
  width: 140px;
  text-align: center;
  border: 2px solid #ffee66;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  transition: 0.6s;
  margin-top: 5px;
  margin-bottom: 5px;
}
.games-block__inner a:last-child {
	margin-bottom: 10px;
}


@media screen and (max-width: 990px) {
  .games-block__inner a {
    margin-top: 5px;
    margin-bottom: 5px;
		padding: 5px 0;
		font-size: 14px !important;
  }
  .games-block__inner {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .games-block__inner a {
		font-size: 12px !important;
  }
}
.games-block__inner a:hover {
  text-decoration: none;
  color: #ca0101;
  background: #ffee66;
}
.games-block__inner a:first-of-type {
  transform: translateY(-100%);
}
.games-block__inner a:last-of-type {
  transform: translateY(100%);
}
/* Grid */
.grid {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 101%;
  margin-left: -0.5%;
}
.grid-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.see-more {
  display: block;
  width: 233px;
  height: 58px;
  border-radius: 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  background-color: #02BD5B;
  margin: 0 auto;
  border: none;
  transition: 0.5s;
}

.grid:after {
  content: "";
  flex: auto;
}

.jackpot-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}
.jackpot-inner {
  display: flex;
}
@media screen and (max-width: 550px) {
  .jackpot-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .jackpot-inner {
    flex-direction: column;
    align-items: center;
  }
}
.jackpot {
  width: 50%;
  text-align: center;
}
.jackpot:last-of-type span:before {
  width: 15px;
  height: 26px;
  position: absolute;
  top: 5px;
  left: -30px;
  background-image: url(/dist/assets/images/jackpot2.2d5a72b3.webp);
}
@media screen and (max-width: 991px) {
  .jackpot:last-of-type span:before {
    width: 12px;
    height: 23px;
    top: 2px;
  }
}
@media screen and (max-width: 768px) {
  .jackpot {
    margin-bottom: 30px;
    width: 100%;
  }
}
.jackpot__title {
  font-size: 30px;
  font-family: "Libre Baskerville", serif;
}
@media screen and (max-width: 991px) {
  .jackpot__title {
    font-size: 20px;
  }
}
.jackpot__num {
  font-size: 30px;
  color: #f6cb31;
  text-transform: uppercase;
  text-shadow: 0 0 30px #f6cb31;
  position: relative;
}
.jackpot__num span {
  position: relative;
}
.jackpot__num span:before {
  content: "";
  width: 21px;
  height: 16px;
  position: absolute;
  top: 10px;
  left: -30px;
  background-image: url(/dist/assets/images/jackpot1.9ecec5a8.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  .jackpot__num span:before {
    width: 18px;
    height: 12px;
    top: 7px;
  }
}
@media screen and (max-width: 991px) {
  .jackpot__num {
    font-size: 20px;
  }
}
.articles-wrapper {
  margin-bottom: 30px;
}
.articles-inner {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.2);
  z-index: 99999;
}
@media screen and (max-width: 991px) {
  .articles-inner {
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}
.articles-right {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .articles-right {
    width: 100%;
  }
}
#articles .owl-dots {
  text-align: left;
  padding-left: 35px;
}
#articles .owl-dots .owl-dot {
  width: 7px;
  height: 7px;
  margin: 0 8px;
  background: lightgrey;
}
#articles .owl-dots .owl-dot.active {
  background: white;
}
#articles .owl-dots .owl-dot.active:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid white;
}
.articles-left {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .articles-left {
    width: 100%;
    height: 450px;
  }
}

.article-icon-wrapper {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .article-icon-wrapper {
    margin-left: 15px;
  }
}
.article-icon {
  margin-bottom: 8px;
}
.article-icon .h2 {
  display: inline-block;
  font-family: "Libre Baskerville", serif;
  margin: 0 auto;
  vertical-align: bottom;
  margin-left: 15px;
  text-transform: none;
}
.article-icon-line {
  height: 2px;
  width: 20px;
  margin-left: 4px;
  background: #ea0c07;
}
.download-wrapper {
  margin-bottom: 100px;
}
.download {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 991px) {
  .download {
    flex-direction: column;
  }
}
.download__picture {
  width: 50%;
  position: relative;
  text-align: center;
}
.download__icons {
  width: 212px;
  height: 32px;
}
.download__picture img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .download__picture {
    width: 100%;
    order: 2;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.download__info {
  width: 65%;
  /* padding-top: 180px; */
  padding-left: 26px;
}
@media screen and (max-width: 991px) {
  .download__info {
    width: 100%;
    order: 1;
    padding-top: 60px;
    padding-bottom: 0;
    padding-left: 15px;
    text-align: center;
  }
}
.download__title {
  color: white;
    font-family: 'Libre Baskerville', serif;
font-size: 40px;
font-weight: 700;
text-align: left;

  margin-bottom: 34px;

}
@media screen and (max-width: 768px) {
  .download__title {
    font-size: 24px;
  }
}
.download__desc {
  width: 81%;
  color: #fff;
  font-family: Open Sans;
font-size: 22px;
font-weight: 400;
line-height: 40px;
text-align: left;

  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .download__desc {
    font-size: 16px;
  }
}
#desktop-btn {
  font-size: 16px;
  color: white;
  display: inline-block;
  padding: 12px 0;
  width: 180px;
  text-align: center;
  background: #03bd5b;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  transition: 0.6s;
  overflow: hidden;
  margin-left: 15px;
}

@media (hover: hover) {
  #desktop-btn:hover {
    text-decoration: none;
    color: white;
    background: #02BD5B;
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .download__buttons {
    display: flex;
    justify-content: center;
  }
  #desktop-btn {
    margin-left: 0;
  }
  #desktop-btn:before {
    transform: translate(0);
  }
}
.info-wrapper {
  position: relative;
  z-index: 999;
  padding-top: 30px;
  margin-bottom: 100px;
}
.info {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 991px) {
  .info {
    flex-direction: column;
  }
}
.info__block {
  width: 50%;
  padding: 30px 60px;
  opacity: 1;
  transition: 2s;
}
@media screen and (max-width: 991px) {
  .info__block {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .info-wrapper {
    padding-top: 100px;
  }
  .info__block {
    padding: 35px;
  }
}
.info__block:nth-of-type(2) {
  transition-delay: 0.5s;
}
.info__block:nth-of-type(3) {
  transition-delay: 1s;
}
.info__block:nth-of-type(4) {
  transition-delay: 1.5s;
}
.info-wrapper.in-view .info__block {
  opacity: 1;
}
.info__text {
  color: white;
}
.info__text:hover {
  color: white;
  text-decoration: none;
}
.info__title {
  vertical-align: top;
  font-size: 25px;
  font-family: "Libre Baskerville", serif;
}
@media screen and (max-width: 768px) {
  .info__title {
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
  }
}
.info__block {
  display: flex;
}
.info__img {
  margin-right: 30px;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .info__img {
    display: none;
  }
}
.info__desc {
  font-size: 16px;
  line-height: 30px;
  color: #d9d9d9;
}
.info__mob-img {
  display: none;
}
.info__mob-img img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .info__mob-img {
    display: block;
    max-width: 75px;
    padding: 5px;
    margin-right: 15px;
  }
}
.footer-wrapper {
  overflow: hidden;
  transform: translateY(-45px);
}
@media screen and (max-width: 450px) {
  .footer-wrapper {
    transform: translateY(14px);
  }
  .footer {
    border-radius: 10px 10px 0 0;
  }
}

.footer {
  background: #2b2b2b;
  border-radius: 10px;
  padding: 40px 50px;
  padding-bottom: 15px;
  width: 1255px;
  min-height: 282px;
}
.footer__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 30px;
}
.footer:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 45px;
  left: 100%;
  height: 175px;
  background: #080808;
}
.footer:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 45px;
  right: 100%;
  height: 175px;
  background: #080808;
}
@media screen and (max-width: 991px) {
  .footer {
    padding: 24px;
    width: auto;
    margin: 0 24px;
  }
  .footer__inner {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .footer {
    margin: unset;
  }
}
@media screen and (max-width: 1320px) {
  .footer {
    width: auto;
  }

}
.footer__first {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .footer__first {
    width: 100%;
    order: 9;
  }
}
.footer__second {
  width: 20%;
  padding: 22px 30px 0 30px;
}

@media screen and (max-width: 991px) {
  .footer__second {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
.footer__third {
  width: 20%;
  padding: 22px 30px 0 30px;
}
@media screen and (max-width: 1200px) {
  .footer__second {
    padding: 15px 15px;
    width: auto;
  }
  .footer__third {
    padding: 15px 15px;
    width: auto;
  }
}
@media screen and (max-width: 991px) {
  .footer__third {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
.footer__contact {
  width: 30%;
}
@media screen and (max-width: 991px) {
  .footer__contact {
    width: 100%;
    text-align: center;
    order: -1;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1104px) {
  .footer-wrapper .container {
    width: 1104px;
  }
}
@media screen and (max-width: 1200px) {
  .footer__inner {
    padding: 0;
  }
}

.footer__copy {
  color: #A6A6A6;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;

}
.footer__link {
  margin-bottom: 20px;
}
.footer__link a {
  display: inline-block;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;

}
@media screen and (max-width: 1104px) and (min-width: 992px) {
  .footer__link a {
    font-size: 14px;
  }
  .footer__second {
    padding: 15px 15px 15px 15px;
  }
  .footer__third {
    padding: 15px 15px 15px 15px;
  }
}
@media screen and (max-width: 768px) {
  .footer__link a {
    margin-bottom: 5px;
  }
  .footer__third {
    margin-bottom: 15px;
  }
}
.footer__chat {
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #9e1613;
  padding: 10px 40px;
  width: 100%;
  height: 84px;
  max-width: 289px;
  color: white;
  transition: 1s;
}
.footer__chat:hover {
  background: #080808;
  text-decoration: none;
  color: white;
}
.footer__chat:focus {
  color: white;
}
@media screen and (max-width: 991px) {
  .footer__chat {
    padding: 10px 35px;
    border: 1px solid white;
  }
}
.footer__chat-name {
  font-size: 22px;
  text-transform: uppercase;
  position: relative;
  padding-left: 15px;
  display: inline-block;
}
.footer__chat-name:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 23px;
  top: 4px;
  left: -15px;
  background-image: url(/dist/assets/images/bubble.dafa920f.webp);
}
.footer__chat-desc {
  color: #c1c1c1;
  font-size: 16px;
}
.footer__tel {
  margin-left: 40px;
  margin-top: 20px;
font-size: 26px;
font-weight: 400;
line-height: 24px;

}
@media screen and (max-width: 991px) {
  .footer__tel {
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .slide__content-inner {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px)  {
  #download__picture_two {
    top: -325px;
  }
  #download__picture_one {
    top: -80px;
  }
}
@media screen and (max-width: 900px) {
  .promo-card{
    max-width: 308px;
  }
.promo-block{
  padding: 24px 12px;
  height: 192px;
}
.promo-text {
  margin-bottom: 24px;
}
  .promo-card img {
    border-radius: 10px;
    height: 180px;
  }

  .promo-btn {
    width: 100%;
  }
}
.footer__tel a {
  color: white;
  font-size: 26px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  }
.footer__tel a:hover {
  text-decoration: none;
  color: white;
}
.footer__tel a:focus {
  color: white;
}
.visas {
  display: flex;
  gap: 40px;
  justify-content: center;
  width: 100%;
  max-width: 1368px;
  align-items: center;
  margin: 0 auto;
  flex-flow: row wrap;
  margin-top: 40px;
}

.visas div img {
  height: 30px;
  width: auto;
}

#visa {
  height: 24px;
}
#discover {
  height: 20px;
}
#ssl {
  height: 34px;
}

.visas div:hover img {
  filter: grayscale(100%);
}
@media screen and (max-width: 991px) {
  .visas {
    max-width: 100%;
  }
  .visas div img {
    height: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .visas {
    gap: 32px
  }
}
@media screen and (max-width: 1200px) {
  .visas {
    gap: 32px
  }
}
@media screen and (max-width: 600px) {
  .visas {
    gap: 16px
  }
}



.bottom-line {
  height: 95px;
  background: #1c0403;
  margin-top: -67px;
}

.bottom-line:nth-child(odd) {
  position: relative;
  z-index: -1;
  top: -198px;
}

.bottom-line:nth-child(even) {
background: transparent;
}
.red-parallax {
  position: absolute;
  height: 872px;
  z-index: -2;
  background: linear-gradient(to right, #1b0000 0%, #a40809 50%, #a40809 100%);
  width: 200%;
  transform: perspective(3000px) rotateY(40deg);
  box-shadow: 1px 1px 15px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .red-parallax {
    height: 950px;
    transform: perspective(768px) rotateY(15deg);
    background: linear-gradient(to right, #630908, #820a09);
  }
}
@media screen and (max-width: 1096px) {
  .red-parallax {
    left: -67px;
  }
}
@media screen and (max-width: 1200px) {
  .bottom-line:nth-child(even) {
    height: 53px;
    }
}
@media screen and (max-width: 900px) {
  .bottom-line:nth-child(even) {
    height: 53px;
    }
}
.grey-parallax {
  position: absolute;
  height: 400px;
  z-index: -2;
  background: linear-gradient(to top, #0c0c0c, #1b1b1b);
  width: 200%;
  transform: perspective(3000px) rotateY(45deg);
  box-shadow: -1px -1px 15px 5px rgba(0, 0, 0, 0.1);
}
.grey-parallax-wrapper {
  transform: rotate(180deg);
  z-index: -2;
  position: relative;
}
.page .grey-parallax-main {
  transform: translateY(-100px) !important;
}
@media screen and (max-width: 768px) {
  .grey-parallax-wrapper {
    display: none;
  }
}
.grey-parallax-main {
  position: relative;
  z-index: -2;
}
.grey-parallax-outer {
  transform: translateY(300px);
  position: relative;
  z-index: -2;
}
.red-parallax-wrapper {
  position: relative;
  z-index: -2;
}
.red-parallax-outer {
  position: relative;
  z-index: -2;
  transform: translateY(-190px);
}
.red-parallax-promotions {
  position: relative;
  z-index: -2;
  transform: translateY(500px);
}
.red-parallax-promotions .red-parallax {
  height: 500px;
}
.all {
  overflow: hidden;
}
.moniki {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 100px;
}
@media screen and (max-width: 1200px) {
  .red-parallax-outer {
    transform: none;
  }
}
@media screen and (max-width: 991px) {
  .moniki {
    position: relative;
    transform: translate(0) !important;
  }
}
@media screen and (max-width: 991px) {
  .moniki-bg {
    display: none;
  }
}

.all-games-btn {
  display: none;
}

@media screen and (max-width: 550px) {
  .all-games-btn {
    margin: auto;
    margin-top: 16px;
    display: block;
    text-transform: uppercase;
    border: 1px solid #fff;
    height: 46px;
    line-height: 44px;
    width: 130px;
    border-radius: 30px;
    text-align: center;
    color: #fff;

  }
}

.moniki-bg:nth-child(2) {
  position: relative;
  top: 127px;
  left: 25px;
}

.articles-wrapper.in-view #articles {
  transform: translate(0) !important;
}
#articles {
  transition: 3s;
}
@media screen and (max-width: 991px) {
  #articles {
    transform: translate(0) !important;
  }
}
@media screen and (max-width: 600px) {
  .header-inner {
    height: 72px;
    padding-left: 16px;
  }
  .logo {
    padding-top: 11px;
    left: 20px;
    top: 2px;
  }

  #buter {
    top: 26px;
  }
}
.page .games .tabs-wrapper {
  padding-top: 30px;
}
.header-wrapper {
  background: linear-gradient(to right, #3d0909, #a40a09);
  box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.9);
  height: 84px;
}
.more-games-wrapper {
  padding-top: 30px;
  text-align: center;
}
.more-games {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  width: auto;
  min-width: 226px;
  height: 64px;
  padding: 15px;
  background-color: transparent;
  text-transform: uppercase;
  transition: 0.3s;
}
.more-games:hover {
  text-decoration: none;
}
.more-games::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/dist/assets/images/icons/border-gold.140408c2.webp) center / 100% 100% no-repeat;
  pointer-events: none;
}
.more-games.disable {
  display: none;
}
@media screen and (max-width: 1200px) {
  .page .tabs {
    display: flex;
  }
  .more-games {
    font-size: 14px;
    min-width: 134px;
    height: 44px;
    padding: 10px;
  }
}
@media screen and (max-width: 900px) {
  .more-games {
    font-size: 12px;
    min-width: 121px;
    height: 42px;
  }
}

.promotions-wrapper {
  padding-top: 30px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .promotions {
    padding-left: 15px;
    padding-right: 15px;
  }
}
h1 {
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
h2 {
  font-size: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
h3 {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
hr {
  border-top: 3px solid #282828;
}
.text-wrapper {
  padding-top: 30px;
  padding-bottom: 100px;
}
.text-wrapper table {
  font-size: 13px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 15px;
  background: linear-gradient(to right, #494948, #7c7b7a);
}
.text-wrapper table th,
.text-wrapper table td {
  padding: 10px 30px;
}
@media screen and (max-width: 768px) {
  .text-wrapper table th,
  .text-wrapper table td {
    padding: 5px;
    font-size: 12px;
  }
}

.text-wrapper table img {
  max-width: 100px;
  height: auto;
}
@media screen and (max-width: 400px) {
  .text-wrapper table th,
  .text-wrapper table td {
    padding: 2px;
    font-size: 10px;
  }
}
.text-wrapper table th {
  text-align: center;
  background: #1d1d1d;
  border: 1px solid #1d1d1d;
}
.text-wrapper table td {
  border: 1px solid #4e4e4d;
}
@media screen and (max-width: 768px) {
  .text-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .text-wrapper table img {
    max-width: 50px;
  }
}
.text img {
  max-width: 100%;
  height: auto;
}
.text cite {
  padding-left: 40px;
  display: block;
  position: relative;
}
.text cite:before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  background: #fbd572;
  border-radius: 50%;
}
.text ul {
  list-style-type: none;
}
.text ul li {
  position: relative;
  margin-bottom: 5px;
}
.text ul li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -15px;
  width: 6px;
  height: 6px;
  background: #fbd572;
  border-radius: 50%;
}
.text ul li a {
  color: white;
}
.text a {
  font-weight: bold;
  color: #fbe26f;
}
.list-container {
  background: #2b2b2b;
  border-radius: 10px;
  padding: 15px;
}
.list-container ul {
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
}
.list-container ul li {
  width: 25%;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .list-container ul li {
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  .list-container ul li {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .list-container ul li {
    width: 100%;
  }
}
.list-container ul li a {
  color: white;
  font-size: 14px;
  font-weight: 400;
}

/*NEW styles of promotions inner*/
.main-picture {
  margin: 0 0 32px;
}
.main-picture img {
  display: block;
  width: 100%;
  height: 405px;
  object-fit: cover;
}
.promotions-inner-wrapper {
  margin-bottom: 100px;
  margin-top: 30px;
}
.promotions-title,
.promotions-inner-wrapper h1 {
  font-size: 42px;
  margin: 32px 0;
}
.promotions__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media screen and (max-width: 768px) {
  .promotions__text-wrapper {
    flex-direction: column;
  }
}
.promotions__text {
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 32px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .promotions__text {
    width: 100%;
  }
}
.promotions__text span {
  white-space: nowrap;
}
@media screen and (max-width: 1536px) {
  .main-picture img {
    height: 380px;
  }
}
@media screen and (max-width: 1200px) {
  .promotions-title,
  .promotions-inner-wrapper h1 {
    font-size: 32px;
  }
  .main-picture img {
    height: 280px;
  }
}
@media screen and (max-width: 900px) {
  .promotions-title,
  .promotions-inner-wrapper h1 {
    font-size: 28px;
    margin: 24px 0;
  }
  .main-picture,
  .promotions__text {
    margin: 0 0 24px;
  }
  .main-picture img {
    height: 220px;
  }
}
@media screen and (max-width: 600px) {
  .promotions-title,
  .promotions-inner-wrapper h1 {
    font-size: 24px;
  }
  .main-picture img {
    height: 180px;
  }
}
@media screen and (max-width: 768px) {
  .content {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.games-block__inner a {
  width: calc(100% - 30px);
  font-size: 18px;
}
.games-block__name {
  transform: translateY(-100%);
  transition: 0.6s;
  color: #ffee66;
  min-height: 42px;
  text-transform: uppercase;
  padding: 0 15px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.game-block:hover .games-block__name {
  transform: translateY(0);
}
.games-block__info {
  text-transform: lowercase;
  position: absolute;
  color: #ffee66;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  border: 2px solid #ffee66;
  width: 25px;
  height: 25px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.games-block__info:hover {
  background: #ffee66;
  color: #ca0101;
}
.games-popup-wrapper {
  display: none;
  position: fixed;
  z-index: 9999999;
  overflow: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.games-popup-inner-wrapper {
  display: table;
  width: 100%;
  max-width: 768px;
  height: 100%;
  margin: 0 auto;
}
.games-popup-inner {
  display: table-cell;
  vertical-align: middle;
}
.games-popup {
  background: #2b2b2b;
  color: white;
  max-width: 768px;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  z-index: 999999;
}
.games-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.games-popup-bg {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.games-popup-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
}
.games-popup-title:after {
  content: "";
  width: 50px;
  height: 2px;
  background: #525252;
  top: 100%;
  position: absolute;
  left: 0;
}
.games-popup-bottom {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
}
.games-popup-bottom a {
  text-transform: uppercase;
  color: white;
  text-decoration: underline;
  font-weight: bold;
  font-size: 16px;
}
.games-popup-bottom a:hover {
  color: #fbb535;
}
@media screen and (max-width: 991px) {
  .games-block__name {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .games-popup-bottom a {
    font-size: 12px;
  }
}

/*contacts*/
.contacts-all {
  background-image: url(/dist/assets/images/contact-bg.6483bbe7.webp);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-position: center;
}
.contacts-page {
  /* background-image: url("../../images/contacts-bg.png"); */
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto;
}
.contacts-page p {
  color: white;
  max-width: calc(100% - 450px);
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .contacts-page {
    background: none;
  }
  .contacts-page p {
    max-width: 100%;
  }
}

.golden-button-inner {
  display: inline-flex;
  border-radius: 50px;
  overflow: hidden;
}
.golden-button a {
  font-size: 30px;
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  min-width: 250px;
  background: linear-gradient(
    to bottom,
    #fffb9e 0%,
    #d5a23f 38%,
    #fad14f 54%,
    #f1c64d 78%,
    #cfa146 100%
  );
  color: #594005;
  text-transform: none;
  font-family: "Libre Baskerville", serif;
  transition: 1s;
}
.golden-button a:before {
  display: none;
}

.golden-button a:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  background-image: none;
  height: 100%;
  width: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: -65px;
  transform: skewX(-45deg) translateX(0);
  transition: none;
}
.golden-button a:hover {
  color: rgba(202, 1, 1, 0.8);
  background: linear-gradient(
    to bottom,
    #fffb9e 0%,
    #d5a23f 38%,
    #fad14f 54%,
    #f1c64d 78%,
    #cfa146 100%
  );
}
.golden-button a:hover:before {
  transform: skewX(-45deg) translateX(375px);
  transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 600px) {
  .golden-button a {
    margin: 0 auto;
  }
  .slide-welcome {
    background: url(/dist/assets/images/welcome_mob.aa0746ab.webp) !important;
  }
}

a.info {
  color: white;
}

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

a.white {
  color: white;
}

a.white:hover {
  text-decoration: none;
}

.app .logo {
  display: table;
  margin: 0 auto;
  float: none;
}

.app .footer__contact {
  display: table;
  margin: 0 auto;
  float: none;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .app .logo {
    position: relative;
    left: 0;
  }
}

.slide-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.slide video {
  margin: 0 auto;
  height: 100% !important;
  position: relative;
  left: 50%;
  /*margin-left:-1020px;*/
  transform: translateX(-50%);
}
/*@media screen and (max-width: 1100px) {

  .slide {
    min-height: 370px;
  }
  .slide__content {
    min-height: 370px;
  }
  .slide video{
    margin-left: -600px
  }
}
@media screen and (max-width: 768px) {

  .slide video{
    margin-left: -700px;
  }
  .slide__content-inner {
    padding-bottom: 15px;
  }
}
}
@media screen and (max-width: 600px) {
  .slide {
    min-height: 300px;
  }
  .slide__content {
    min-height: 300px;
  }
  .slide video{
    margin-left: -580px;
  }

}
 */
.slide-video img {
  max-width: 100%;
  height: auto;
}
.owl-item.active .slide-video{
  z-index: 9;
}
.owl-item.active .container {
  position: relative;
  z-index: 99;
}
.light {
  position: absolute;
  width: 157px;
  height: 133px;
  background-image: url(/dist/assets/images/light.db3df16a.webp);
  background-repeat: no-repeat;
  animation: shining2 2s linear infinite;
  visibility: hidden;
  transition: 2s;
}
.light:nth-of-type(1) {
  left: 50%;
  top: 300px;
  animation-delay: 0.2s;
}
.light:nth-of-type(2) {
  left: 40%;
  top: 227px;
  animation-delay: 1.8s;
}
.light:nth-of-type(3) {
  left: 58%;
  top: 250px;
  animation-delay: 0.4s;
}
.light:nth-of-type(4) {
  left: 55%;
  top: 230px;
  animation-delay: 1.2s;
}
.light:nth-of-type(5) {
  left: 38%;
  top: 260px;
  animation-delay: 1.6s;
}
.light:nth-of-type(6) {
  left: 42%;
  top: 275px;
  animation-delay: 1.8s;
}
.light:nth-of-type(7) {
  left: 35%;
  top: 240px;
  animation-delay: 2.8s;
}
.light:nth-of-type(8) {
  left: 58%;
  top: 250px;
  animation-delay: 0.1s;
}
.light:nth-of-type(9) {
  left: 55%;
  top: 230px;
  animation-delay: 3.2s;
}
.light:nth-of-type(10) {
  left: 34%;
  top: 260px;
  animation-delay: 2.6s;
}

.light:nth-of-type(11) {
  left: 10%;
  top: 290px;
  animation-delay: 1.6s;
}
.light:nth-of-type(12) {
  left: 10%;
  top: 305px;
  animation-delay: 1.8s;
}
.light:nth-of-type(13) {
  left: 10%;
  top: 290px;
  animation-delay: 2.8s;
}
.light:nth-of-type(14) {
  left: 10%;
  top: 280px;
  animation-delay: 0.1s;
}
.light:nth-of-type(15) {
  left: 10%;
  top: 270px;
  animation-delay: 3.2s;
}

.light:nth-of-type(16) {
  right: 10%;
  top: 290px;
  animation-delay: 1.6s;
}
.light:nth-of-type(17) {
  right: 10%;
  top: 305px;
  animation-delay: 1.8s;
}
.light:nth-of-type(18) {
  right: 10%;
  top: 290px;
  animation-delay: 2.8s;
}
.light:nth-of-type(19) {
  right: 10%;
  top: 280px;
  animation-delay: 0.1s;
}
.light:nth-of-type(20) {
  right: 10%;
  top: 270px;
  animation-delay: 3.2s;
}

@media screen and (max-width: 991px) {
  .light:nth-of-type(11) {
    left: 30%;
  }
  .light:nth-of-type(12) {
    left: 30%;
  }
  .light:nth-of-type(13) {
    left: 30%;
  }
  .light:nth-of-type(14) {
    left: 30%;
  }
  .light:nth-of-type(15) {
    left: 30%;
  }
  .light:nth-of-type(16) {
    right: 30%;
  }
  .light:nth-of-type(17) {
    right: 30%;
  }
  .light:nth-of-type(18) {
    right: 30%;
  }
  .light:nth-of-type(19) {
    right: 30%;
  }
  .light:nth-of-type(20) {
    right: 30%;
  }
}

@media screen and (max-width: 500px) {
  .slide__content {
    position: absolute;
    bottom: 0;
    min-height: auto;
  }
  .slide-video {
    position: relative;
  }
  .slide-video::before {
    content: "";
    position: absolute;
    top: 54%;
    left: 46.2%;
    width: 7.2%;
    padding-bottom: 1.8%;
    background: url(/dist/assets/images/eyes.f66a5c63.webp) center / cover no-repeat;
    opacity: 0;
    animation: blink 2s step-start infinite;
  }
  .slide-video::after {
    content: "";
    position: absolute;
    top: 62%;
    right: 27%;
    width: 9.6%;
    padding-bottom: 11.6%;
    background: url(/dist/assets/images/cherry4.665bbc1c.webp) center / cover no-repeat;
    animation: bounce 2s ease-in-out infinite;
  }
  .slide {
    min-height: auto;
  }
  .slide video {
    height: auto !important;
    max-width: 100%;
    left: auto;
    margin: 0 auto;
    vertical-align: top;
  }
  .light:nth-of-type(11) {
    display: none;
  }
  .light:nth-of-type(12) {
    display: none;
  }
  .light:nth-of-type(13) {
    display: none;
  }
  .light:nth-of-type(14) {
    display: none;
  }
  .light:nth-of-type(15) {
    display: none;
  }
  .light:nth-of-type(16) {
    display: none;
  }
  .light:nth-of-type(17) {
    display: none;
  }
  .light:nth-of-type(18) {
    display: none;
  }
  .light:nth-of-type(19) {
    display: none;
  }
  .light:nth-of-type(20) {
    display: none;
  }
}
.welcome-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.welcome-text img {
  max-height: 300px;
  max-width: 500px;
}
@media screen and (max-width: 991px) {
  .welcome-text img {
    max-width: 380px;
    max-height: 170px;
  }
  .slide__content,
  .slide {
    min-height: 450px;
  }
  .slide video {
    margin-left: -820px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 700px) {
  .welcome-text img {
    max-width: 320px;
  }
  .slide__content,
  .slide {
    min-height: 400px;
  }
  .slide video {
    margin-left: -735px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 650px) {
  .welcome-text img {
    max-width: 280px;
    height: auto;
  }
  .slide__content,
  .slide {
    min-height: 380px;
  }
}
@media screen and (max-width: 550px) {
  .welcome-text img {
    max-width: 260px;
    height: auto;
  }
  .slide__content,
  .slide {
    min-height: 350px;
  }
  .slide video {
    margin-left: -650px;
    transform: translateX(0);
  }
}
.mobile-bg,
.welcome-text__mob {
  display: none;
}
@media screen and (max-width: 500px) {
  .welcome-text img {
    max-width: 80%;
  }
  .welcome-text__desc {
    display: none;
  }
  .welcome-text__mob {
    display: inline-block;
  }
  .slide__content,
  .slide {
    min-height: 100%;
  }
  .welcome-text {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 120px;
  }
  .mobile-bg {
    display: block;
  }
  .desktop-video {
    display: none;
  }
  .slide__content-inner {
    padding-bottom: 5px;
  }
}

/*AUUUUU*/
.au .logo__au-text {
  position: absolute;
  top: calc(100% + 5px);
  width: calc(100% - 10px);
  left: 5px;
  right: 5px;
}
.au .menu ul li a:after {
  background: #03bd5b;
}

.au .golden-button a:hover {
  color: #007336;
}
.au .tab:after {
  background: #03bd5b;
}
.au .page .header-inner .logo img {
  max-width: 170px;
}
.au .jackpot__num {
  color: #32ff48;
  text-shadow: 0 0 30px #32ff48;
}
.au .footer__chat {
  border: 1px solid #06b358;
}
.au.page .logo img {
  max-width: 165px;
  height: auto;
}
.au.page .logo a:before {
  left: 20px;
}
.au.page .logo a:after {
  left: 48px;
}
.au .footer__first img {
  max-width: 165px;
  height: auto;
}

.footer__first img {
  margin-bottom: 12px;
  max-width: 161px;
}

/* application page */
.app-block-wrapper{
  width: 32%;
}
.app-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#games-category-title {
	font-size: 30px;
	text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .app-block-wrapper {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  .app-wrapper {
    flex-direction: column;
  }
  .games-breadcrumbs {
    margin: 56px 24px 32px;
  }
  #games-category-title {
    margin-left: 24px;
    margin-right: 24px;
  }
  .games {
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 600px) {
  .games-breadcrumbs {
    margin: 56px 16px 32px;
  }
  #games-category-title {
    margin-left: 16px;
    margin-right: 16px;
  }
  .games {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.app-main {
  background: #2b2b2b;
  padding: 45px;
  text-align: center;
  margin-bottom: 25px;
  box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  .app-main {
    padding: 30px;
  }
}
.app-img {
  margin-bottom: 30px;
}
.app-img svg {
  max-width: 100px;
}
.app-img svg polygon {
  fill: #ffffff;
}
.app-img svg path {
  fill: #ffffff;
}
.app-title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.app-desc {
  margin-bottom: 10px;
  color: #8a8a8a;
  font-size: 16px;
}
.app__button a {
  font-weight: 500;
  font-size: 14px;
  color: white;
  background: linear-gradient(to left, #525252, #2b2b2b);
  border: 1px solid #525252;
  outline: none;
  display: inline-block;
  padding: 10px 40px;
  text-align: center;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.app__button a:hover {
  text-decoration: none;
  background: #525252;
}
.app__button-coming span {
  font-size: 14px;
  color: #8a8a8a;
  background: transparent;
  outline: none;
  display: inline-block;
  padding: 10px 30px;
  text-align: center;
  border-radius: 50px;
  text-transform: uppercase;
  border: 1px solid #8a8a8a;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  cursor: default;
}
.app-open {
  background: linear-gradient(to left, #525252, #2b2b2b);
  text-align: center;
  padding: 15px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
}
.app-open:hover {
  background: #525252;
  color: white;
}
.app-info {
  background: linear-gradient(to left, #525252, #2b2b2b);
  padding: 30px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  display: none;
  padding-bottom: 0;
}
.app-p {
  margin-bottom: 5px;
}
.app-info img {
  max-width: 100%;
  height: auto;
  margin-bottom: 30px;
  border: 1px solid #949494;
}
.app-arrow {
  margin-bottom: 3px !important;
  margin-left: 10px;
  transform: rotate(180deg);
}
.app-arrow.opened {
  transform: rotate(0);
}
.app-divider {
  height: 2px;
  width: 70px;
  background: #086aa9;
  margin-bottom: 15px;
}
/* .cds-logo{
  margin-top:-5px;
} */
.ovHidden {
  overflow: hidden;
}
.promotions__quiz img{
  margin: 0 auto;
}
.promotions__quiz {
  margin: 15px 0 0 0;
  cursor: pointer;
}
.promotions__quiz.new-quizz {
  cursor: auto;
  position: relative;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .promotions__quiz.new-quizz {
    margin-bottom: 100px;
  }
}
@media (max-width: 524px) {
  .promotions__quiz.new-quizz {
    margin-bottom: 120px;
  }
}
.new-quizz .promotions__quiz_h1 {
  font-size: 29px;
}
.new-quizz .img-rounded {
  cursor: pointer;
}
.quizzes__btn {
  color: #fffb02;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #fffb02;
  width: 200px;
  height: 60px;
  cursor: pointer;
  transition: 0.3s ease-in;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
}
.quizzes__btn:hover {
  background-color: #fffb02;
  color: #000;
}
.new-quizz .col-sm-8 {
  position: unset;
}
@media (min-width: 768px) and (max-width: 992px) {
  .container {
    width: 734px;
  }
}
@media (min-width: 768px) {
  .new-quizz .col-sm-4 {
    margin-top: 30px;
  }
  .new-quizz .promotions__quiz_h1 {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .new-quizz .col-sm-4 {
    margin-top: 0;
  }
  .quizzes__btn {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
  }
}
#modalQuiz {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999999;
  width: 100%;
  height: 100%;
  margin: 0;
  transition: all 0.2s;
  opacity: 0;
  pointer-events: none;
  background: #00000094;
  backdrop-filter: blur(5px);
  overflow-x: hidden;
  overflow-y: auto;
}
#modalQuiz.open {
  opacity: 1;
  pointer-events: auto;
}
.modalQuiz_wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modalQuiz_content {
  background: #000000;
  width: 100%;
  max-width: 800px;
  margin: 20px 15px;
  position: relative;
  padding-top: 50px;
  height: 100%;
  overflow: scroll;
}
.modalQuiz_content::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.modalQuiz_close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  fill: aliceblue;
}
@media screen and (max-width: 768px) {
  .modalQuiz_content {
    margin: 0;
  }
}

/*banking cc and pm and pdf*/
.banking-validation {
  margin: 8.333vw 0 7vw 0;
}

.banking_wrapper {
  background: #2b2b2b;
  margin: 0 auto;
  border: 2px solid #ffffff;
  border-radius: 10px;
  max-width: 60.938vw;
  padding: 3.125vw 7.552vw;
  width: 100%;
  color: #ffffff;
}

.banking_wrapper__title {
  font-weight: 600;
  font-size: 1.771vw;
  line-height: 130%;
  text-transform: uppercase;
  margin: 0 0 1.042vw 0;
}

.banking_wrapper__subTitle {
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 150%;
  margin: 0 0 1.042vw 0;
}

.banking_wrapper__subTitle a {
  text-decoration: none;
  color: inherit;
}

.banking_wrapper__text {
  font-weight: 400;
  font-size: 0.781vw;
  line-height: 140%;
}

.offsetText {
  padding: 0 0 0 1.042vw;
}

.inputWrapper {
  border: 2px solid #ffffff;
  border-radius: 10px;
  padding: 2.083vw;
  margin: 2.083vw 0 0.521vw 0;
}

.banking_wrapper .inputWrapper [name="asHtml"] {
  display: none;
}

.inputWrapper label {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.302vw;
}

.inputWrapper label span {
  display: inline-block;
  margin-bottom: 0.313vw;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 100%;
}

.banking_wrapper input {
  color: #fff;
  font-size: 0.938vw;
  font-weight: 500;
  height: 2.865vw;
  outline: none;
  padding: 0.833vw;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #ffffff;
  border-radius: 5px;
}

.banking_wrapper__info {
  font-size: 0.521vw;
  font-weight: 400;
  margin: 0 0 1.563vw 0;
  text-align: center;
}

.formFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1.042vw 0 0 0;
  width: 36.479vw;
}

.form_footer__input {
  display: flex;
  flex-direction: column;
}

.form_footer__input span {
  font-size: 0.938vw;
  font-weight: 600;
  margin: 0 0 0.313vw 0;
}

.signatureResult_wrap {
  cursor: pointer;
  height: 2.865vw;
  padding: 0.26vw;
  text-align: center;
  width: 9.115vw;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #ffffff;
  border-radius: 5px;
}

#f_date {
  text-transform: uppercase;
}

.actionButton_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 3.125vw auto 0 auto;
}

.actionButton#download_empty {
  border: 1px solid #ffffff;
  border-radius: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16.667vw;
  height: 3.125vw;
  margin: 0 3.125vw 0 0;
}

.actionButton#download_empty:hover {
  text-decoration: none;
}

.actionButton#download_empty span {
  font-weight: 700;
  font-size: 0.833vw;
  text-transform: uppercase;
  color: #ffffff;
  padding: 0 1.302vw 0 0;
}

.actionButton#submit_form {
  background: rgba(3, 189, 91, 0.3);
  border-radius: 55px;
  pointer-events: none;
  text-decoration: none;
  text-transform: uppercase;
  color: #789988;
  font-weight: 700;
  font-size: 0.833vw;
  width: 16.667vw;
  height: 3.125vw;
  border: transparent;
}

.actionButton#submit_form.active {
  background: #03bd5b;
  color: #fff;
  opacity: 1;
  pointer-events: auto;
}

.actionButton img {
  margin: 0 0 0 1.406vw;
  width: 1.563vw;
}

.actionButton#submit_form .black {
  display: none;
}

.actionButton#submit_form.active .black {
  display: inline-block;
}

.actionButton#submit_form.active .white {
  display: none;
}

/*signature*/
.signature-wrapper {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.signature-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.signature-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 26.875vw;
}

.signature-wrapper .hidden,
.signature-wrapper.wait {
  display: none;
}

.signature_close {
  align-items: center;
  align-self: flex-end;
  cursor: pointer;
  display: flex;
  height: 1.042vw;
  justify-content: center;
  position: relative;
  transform: translate(-20%, -55%);
  width: 1.042vw;
}

.signature_close:before {
  transform: rotate(-45deg);
}

.signature_close:after {
  transform: rotate(45deg);
}

.signature_close:after,
.signature_close:before {
  background: #fff;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  width: 1.042vw;
}

.signature_close:after,
.signature-wrapper .signature_close:before {
  background: #fff;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  width: 1.042vw;
}

.signature-pad {
  background-image: url(/dist/assets/images/banking/signatureBg.2b781818.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  height: 19.531vw;
  padding: 1.875vw 2.083vw 2.083vw 2.083vw;
  position: relative;
  width: 26.875vw;
}

.signature-pad .title {
  font-size: 0.729vw;
  font-weight: 400;
  margin: 0 0 0.729vw;
  position: relative;
  z-index: 10;
}

.signature-pad--body {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #ffffff;
  flex: 1;
  border-radius: 5px;
  position: relative;
  z-index: 10;
  max-height: 10.417vw;
}

.signatureResult_wrap img {
  max-height: 100%;
  max-width: 100%;
}

.signature-pad--body #signatureDraw {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.signature-pad--footer {
  color: #c3c3c3;
  font-size: 1.2em;
  margin: 1.042vw 0 0 0;
  position: relative;
  text-align: center;
  z-index: 10;
}

.signature-pad--actions {
  display: flex;
  justify-content: center;
}

.signature-pad--actions .button {
  width: 10.417vw;
  height: 2.865vw;
  border-radius: 55px;
  font-weight: 500;
  outline: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.833vw;
}

.signature-pad--actions .button.clear {
  margin-right: max(30px, 1.5625vw);
  border: 1px solid #ffffff;
  background: transparent;
}

.signature-pad--actions .button.apply {
  pointer-events: none;
  background: rgba(3, 189, 91, 0.3);
  border: none;
  opacity: 0.6;
}

.signature-pad--actions .button.apply.active {
  background: #03bd5b;
  opacity: 1;
  pointer-events: auto;
}

.inputWrapper .label_container {
  display: flex;
  flex-direction: row;
  gap: 2.0833333333vw;
}

.inputWrapper .label_container label {
  flex-grow: 1;
  max-width: none;
  width: 50%;
}

@media (max-width: 1500px) {
  .inputWrapper .label_container {
    flex-direction: column;
    gap: 0;
  }

  .inputWrapper .label_container label {
    flex-grow: 1;
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 1366px) {
  .banking-validation {
    margin: 11.333vw 0 7vw 0;
  }
}

@media (max-width: 1024px) and (orientation: portrait), (max-width: 1023px) {
  .banking-validation {
    margin: 15vw 0 15vw;
  }

  .banking_wrapper {
    max-width: 90.365vw;
    padding: 7.943vw 8.203vw 5.208vw 8.203vw;
  }

  .banking_wrapper__title {
    font-size: 4.427vw;
    margin: 0 0 2.604vw 0;
    width: 60%;
  }

  .banking_wrapper__subTitle {
    font-size: 2.344vw;
    margin: 0 0 2.604vw 0;
  }

  .banking_wrapper__text {
    font-size: 1.953vw;
  }

  .offsetText {
    padding: 0 0 0 1.5vw;
    margin: 0 0 1.953vw 0;
  }

  .inputWrapper {
    padding: 5.208vw 6.51vw 1.953vw 6.51vw;
    margin: 2.604vw 0 1.302vw 0;
  }

  .inputWrapper label span {
    margin-bottom: 0.781vw;
    font-size: 1.823vw;
  }

  .banking_wrapper input {
    font-size: 2.344vw;
    height: 7.161vw;
    padding: 2.083vw;
  }

  .inputWrapper label {
    margin-bottom: 3.255vw;
  }

  .banking_wrapper__info {
    font-size: 1.302vw;
    margin: 0 0 5.208vw 0;
  }

  .formFooter {
    margin: 2.344vw 0 0 0;
    width: 81%;
  }

  .form_footer__input span {
    font-size: 2.344vw;
    margin: 0 0 0.781vw 0;
  }

  .signatureResult_wrap {
    height: 7.161vw;
    padding: 0.651vw;
    width: 23.047vw;
  }

  #f_date {
    height: 7.161vw;
    padding: 2.474vw 3.036vw 2.344vw 2.083vw;
    width: 23.047vw;
  }

  .actionButton_wrapper {
    margin: 7.813vw auto 0 auto;
  }

  .actionButton#download_empty {
    width: 41.667vw;
    height: 7.813vw;
    margin: 0 7.161vw 0 0;
  }

  .actionButton#submit_form {
    font-size: 2.083vw;
    width: 41.667vw;
    height: 7.813vw;
  }

  .actionButton#download_empty span {
    font-size: 2.083vw;
    padding: 0;
  }

  .actionButton img {
    margin: 0 0 0 3.255vw;
    width: 3.906vw;
  }

  /*  modal*/
  .signature-pad {
    height: 48.828vw;
    padding: 4.688vw 5.208vw 5.208vw 5.208vw;
    position: relative;
    width: 67.188vw;
  }

  .signature-container {
    width: 67.188vw;
  }

  .signature_close:after,
  .signature-wrapper .signature_close:before {
    width: 3.646vw;
  }

  .signature_close {
    height: 3.646vw;
    transform: translate(-20%, -55%);
    width: 3.646vw;
  }

  .signature-pad .title {
    font-size: 1.823vw;
    margin: 0 0 1.302vw;
  }

  .signature-pad--body {
    max-height: 26.042vw;
  }

  .signature-pad--footer {
    margin: 2.604vw 0 0 0;
  }

  .signature-pad--actions .button {
    width: 26.042vw;
    height: 7.161vw;
    font-size: 2.083vw;
  }
}

@media (max-width: 600px) and (orientation: portrait), (max-width: 599px) {
  .banking-validation {
    margin: 28.333vmin 0 25.333vmin;
  }

  .banking_wrapper__title {
    font-size: 9.067vmin;
    margin: 0 0 5.333vmin 0;
    width: 100%;
  }

  .banking_wrapper {
    max-width: 89.333vmin;
    padding: 0;
    background: none;
    border: none;
  }

  .banking_wrapper__subTitle {
    font-size: 4.8vmin;
    margin: 0 0 5.333vmin 0;
  }

  .banking_wrapper__text {
    font-size: 4vmin;
  }

  .offsetText {
    padding: 0 0 0 5.333vmin;
    margin: 0 0 4vmin 0;
  }

  .inputWrapper {
    padding: 0;
    margin: 0 0 5.333vmin 0;
    border: none;
  }

  .inputWrapper label span {
    margin-bottom: 1.6vmin;
    font-size: 3.733vmin;
  }

  .banking_wrapper input {
    font-size: 4.8vmin;
    height: 14.667vmin;
    padding: 4.267vmin;
  }

  .inputWrapper label {
    margin-bottom: 6.4vmin;
  }

  .banking_wrapper__info {
    font-size: 2.667vmin;
    margin: 0 0 8vmin 0;
    text-align: left;
  }

  .formFooter {
    margin: 5.333vmin 0 0 0;
    width: 100%;
    flex-direction: column;
  }

  .signatureResult_wrap {
    height: 14.667vmin;
    padding: 4.267vmin;
    width: 100%;
  }

  .form_footer__input span {
    font-size: 4.8vmin;
    margin: 0 0 1.6vmin 0;
  }

  .form_footer__input {
    display: flex;
    flex-direction: column;
    margin: 0 0 6.4vmin 0;
  }

  #f_date {
    height: 14.667vmin;
    padding: 4.267vmin;
    width: 100%;
  }

  .actionButton_wrapper {
    margin: 10.667vmin auto 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .actionButton#download_empty {
    width: 89.333vmin;
    height: 16vmin;
    margin: 0 0 8vmin 0;
  }

  .actionButton#submit_form {
    font-size: 4.267vw;
    width: 89.333vmin;
    height: 16vmin;
  }

  .actionButton#download_empty span {
    font-size: 4.267vmin;
    padding: 0;
  }

  .actionButton img {
    margin: 0 0 0 6.933vmin;
    width: 8vmin;
  }

  .signature-container {
    width: 95.188vmin;
  }

  .signature-pad {
    height: 116.533vmin;
    padding: 7.733vmin 6.667vmin 7.733vmin 6.667vmin;
    width: 100vmin;
  }

  .signature-pad .title {
    font-size: 3.733vmin;
    margin: 0 0 2.667vmin;
  }

  .signature-pad--body {
    max-height: 53.333vmin;
  }

  .signature-pad {
    background-image: url(/dist/assets/images/banking/signatureBg_mob.5905ca55.png);
    background-size: 100% 100%;
  }

  .signature-pad--actions {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
  }

  .signature-pad--footer {
    margin: 5.333vmin 0 0 0;
  }

  .signature-pad--actions .button {
    width: 89.333vmin;
    height: 14.667vmin;
    font-size: 4.267vmin;
  }

  .signature-pad--actions .button.clear {
    margin: 5.333vmin 0 0 0;
    border: 1px solid #ffffff;
  }

  .signature_close {
    height: 7.467vmin;
    transform: translate(-20%, -55%);
    width: 7.467vmin;
  }

  .signature_close:after,
  .signature-wrapper .signature_close:before {
    width: 7.467vmin;
  }
}

.popup-game,
.popup-game .offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup-game {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  color: #fff;
}
.popup-game,
.popup-game * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup-game .offer {
  width: 40.1041666667vw;
  background-color: #0d694c;
  border-radius: 1.0416666667vw;
  border: 0.2604166667vw solid #ffc346;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .offer {
    width: 79.4270833333vw;
    border-radius: 2.6041666667vw;
    border-width: 0.6510416667vw;
  }
}
@media only screen and (max-width: 584px) {
  .popup-game .offer {
    width: 89.3333333333vmin;
    border-radius: 5.3333333333vmin;
    border-width: 0.8vmin;
  }
}
.popup-game .btn-play::before,
.popup-game .offer:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.popup-game .offer:before {
  background: url(/dist/assets/images/bg-offer.e720d903.webp) center/cover no-repeat;
  opacity: 0.6;
  mix-blend-mode: screen;
  pointer-events: none;
}
.popup-game .offer-img {
  border-style: none;
  height: auto;
  width: 35.1041666667vw;
  margin-top: 1.0416666667vw;
  margin-bottom: 2.0833333333vw;
  -webkit-transform: translate(-1%, 0);
  -ms-transform: translate(-1%, 0);
  transform: translate(-1%, 0);
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .offer-img {
    width: 71.6145833333vw;
    margin-top: 2.6041666667vw;
    margin-bottom: 2.6041666667vw;
  }
}
@media only screen and (max-width: 584px) {
  .popup-game .offer-img {
    width: 80vmin;
    margin-bottom: 2.6666666667vmin;
  }
}
.popup-game .offer-title {
  text-align: center;
  font-size: 4.1666666667vw;
  line-height: 2.1875vw;
  font-family: "Lemon";
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  margin: 0;
  margin-bottom: 2.0833333333vw;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .offer-title {
    font-size: 8.4635416667vw;
    line-height: 5.46875vw;
    margin-bottom: 5.2083333333vw;
  }
}
@media only screen and (max-width: 584px) {
  .popup-game .offer-title {
    font-size: 8.5333333333vmin;
    line-height: 11.2vmin;
  }
}
.popup-game .offer-game,
.popup-game .offer-title p {
  margin: 0;
  font-size: 6.25vw;
  line-height: 2.1875vw;
  margin-bottom: 2.34375vw;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .offer-title p {
    font-size: 10.4166666667vw;
    line-height: 5.46875vw;
    margin-bottom: 0.6510416667vw;
  }
}
@media only screen and (max-width: 584px) {
  .popup-game .offer-title p {
    font-size: 14.6666666667vmin;
    line-height: 11.2vmin;
    margin-bottom: 2.6666666667vmin;
  }
  .popup-game .offer-title br {
    display: none;
  }
}
.popup-game .offer-game {
  font-weight: 700;
  font-size: 1.4583333333vw;
  margin-bottom: 3.125vw;
  color: #ffc346;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .offer-game {
    font-size: 2.6041666667vw;
    line-height: 5.46875vw;
    margin-bottom: 6.5104166667vw;
  }
}
@media only screen and (max-width: 584px) {
  .popup-game .offer-game {
    font-size: 4.2666666667vmin;
    line-height: 5.3333333333vmin;
    margin-bottom: 5.3333333333vmin;
    max-width: 58.1333333333vmin;
    text-align: center;
  }
}
.popup-game .btn-close {
  cursor: pointer;
  z-index: 10;
  outline: 0;
  border: 0;
  width: 2.2916666667vw;
  height: 2.2916666667vw;
  background: 0 0;
  position: absolute;
  top: 1.25vw;
  right: 1.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .btn-close {
    width: 5.7291666667vw;
    height: 5.7291666667vw;
    top: 3.125vw;
    right: 3.125vw;
  }
}
@media only screen and (max-width: 584px) {
  .popup-game .btn-close {
    width: 7.4666666667vmin;
    height: 7.4666666667vmin;
    top: 3.2vmin;
    right: 3.2vmin;
  }
}
.popup-game .btn-close svg {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .btn-close svg {
    width: 80%;
  }
}
.popup-game .btn-play {
  width: 23.2291666667vw;
  height: 4.1666666667vw;
  cursor: pointer;
  outline: 0;
  background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#ff8a00),
      to(red)
    ),
    -webkit-gradient(linear, left top, left bottom, from(#9ed700), to(#005b1a));
  background: -o-linear-gradient(top, #ff8a00 0, red 100%),
    -o-linear-gradient(top, #9ed700 0, #005b1a 100%);
  background: linear-gradient(180deg, #ff8a00 0, red 100%),
    linear-gradient(180deg, #9ed700 0, #005b1a 100%);
  -webkit-box-shadow: inset 0 0.2083333333vw 0.3125vw rgba(255, 255, 255, 0.25),
    inset 0 -0.2083333333vw 0.3125vw rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0.2083333333vw 0.3125vw rgba(255, 255, 255, 0.25),
    inset 0 -0.2083333333vw 0.3125vw rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 2.1875vw;
  text-transform: uppercase;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 4.2708333333vw;
  border: 0;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .popup-game .btn-play {
    width: 52.0833333333vw;
    height: 10.4166666667vw;
    -webkit-box-shadow: inset 0 0.5208333333vw 0.78125vw
        rgba(255, 255, 255, 0.25),
      inset 0 -0.5208333333vw 0.78125vw rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0.5208333333vw 0.78125vw rgba(255, 255, 255, 0.25),
      inset 0 -0.5208333333vw 0.78125vw rgba(0, 0, 0, 0.25);
    font-size: 3.6458333333vw;
    line-height: 5.46875vw;
    margin-bottom: 6.5104166667vw;
  }
}
@media only screen and (max-width: 584px) {
  .popup-game .btn-play {
    width: 74.6666666667vmin;
    height: 13.3333333333vmin;
    -webkit-box-shadow: inset 0 1.0666666667vmin 1.6vmin
        rgba(255, 255, 255, 0.25),
      inset 0 -1.0666666667vmin 1.6vmin rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1.0666666667vmin 1.6vmin rgba(255, 255, 255, 0.25),
      inset 0 -1.0666666667vmin 1.6vmin rgba(0, 0, 0, 0.25);
    font-size: 5.3333333333vmin;
    line-height: 11.2vmin;
    margin-bottom: 10.6666666667vmin;
  }
}
.popup-game .btn-play span {
  z-index: 1;
}
.popup-game .btn-play::before {
  background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(red),
      to(#ff8a00)
    ),
    -webkit-gradient(linear, left top, left bottom, from(#005b1a), to(#9ed700));
  background: -o-linear-gradient(top, red 0, #ff8a00 100%),
    -o-linear-gradient(top, #005b1a 0, #9ed700 100%);
  background: linear-gradient(180deg, red 0, #ff8a00 100%),
    linear-gradient(180deg, #005b1a 0, #9ed700 100%);
  border-radius: inherit;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  opacity: 0;
}
@media only screen and (hover: hover) {
  .popup-game .btn-play:hover::before {
    opacity: 1;
    -webkit-box-shadow: 0 0.2083333333vw 0.3125vw rgba(255, 255, 255, 0.25),
      0 -0.2083333333vw 0.3125vw rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.2083333333vw 0.3125vw rgba(255, 255, 255, 0.25),
      0 -0.2083333333vw 0.3125vw rgba(0, 0, 0, 0.25);
  }
}
main {
  padding: 0 !important;
}
.contact {
  display: flex;
  gap: 16px;
  align-items: baseline;
  margin-bottom: 16px;
}
.contact p {
  margin: 0;
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .contacts-all {
    background-image: url(/dist/assets/images/contact-bg-t.719ad96d.webp);
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {

  .container {
    margin-left: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .container {
    margin: auto !important;
  }
}

.breadcrumbs {
  margin: 0 0 24px;
}
.breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
.breadcrumbs-item {
  font-size: 14px;
  line-height: 1.5;
}
.breadcrumbs-item:last-child {
  font-weight: 700;
}
.breadcrumbs-item:not(:last-child):after {
  content: '/';
  margin: 0 5px;
}
.breadcrumbs-link {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 5px;
}
.breadcrumbs-link:hover {
  color: inherit;
}
@media screen and (min-width: 900px) {
  .breadcrumbs {
    margin: 0 0 32px;
  }
  .breadcrumbs-item {
    font-size: 16px;
  }
}
/*demo-play*/
.demo-play {
	padding: 56px 0 100px;
}
.demo-play .breadcrumbs {
	font-size: 16px;
	line-height: 1.5;
}
.demo-play .breadcrumbs a {
	color: #fff;
	text-decoration: none;
}
.demo-play .breadcrumbs a:hover {
	text-decoration: underline;
}
.demo-play__title {
	font-size: 42px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	margin: 0 0 32px;
	text-transform: none;
}
.demo-play__iframe {
	margin-bottom: 56px;
	width: 100%;
	position: relative;
	padding-bottom: 42%;
}
.demo-play__iframe iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.demo-play__description {
	margin-bottom: 104px;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}
.demo-play__description p {
	margin: 0 0 32px;
}
.demo-play__description ul,
.demo-play__description ol {
	padding-left: 20px;
	margin: 0 0 32px;
}
.demo-play__description h2,
.demo-play__games .h2 {
	font-size: 42px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 32px;
	text-transform: none;
}
.demo-play__description h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 32px;
	text-transform: none;
}
.demo-play__games .line{
	border-top: 2px solid #2A2A2A;
	margin-bottom: 32px;
}
.demo-games {
	max-height: 215px;
	overflow: hidden;
	margin-bottom: 32px;
	transition: 1s ease all;
}
.demo-games.opened {
	max-height: 3000px;
}
.demo-play__games .btn-wrap {
	text-align: center;
}
.show-more-games,
.demo-play__buttons .bt {
	text-decoration: none;
	width: 233px;
	height: 58px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0.15px;
	text-align: left;
	background: #02BD5B;
  border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 30px;
	transition: 0.3s all ease;
}
.show-more-games:hover,
.demo-play__buttons .bt:hover {
	background: #fff;
	color: #000;
}
.demo-play__buttons {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.demo-play__buttons .wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	position: relative;
	z-index: 2;
}
.demo-play__buttons .bt-show-iframe {
	background: #fff;
	color: #000;
}
.demo-play__buttons .bt-show-iframe:hover {
	background: #000;
	color: #fff;
}
.demo-play__buttons .img-bg{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
.demo-play__buttons .img-bg img {
	display: block;
	width: 100%;
	object-fit: cover;
	filter: blur(10px)  brightness(.7);
	-webkit-filter: blur(10px)  brightness(.7);
}

/*quotes*/
.quote {

}

.quote__wrap {

}

.quote-block-red {
  background: url(/dist/assets/images/seo/tip/tip-block-red.6a98aebe.webp);
}

.quote-block-blue {
  background: url(/dist/assets/images/seo/tip/tip-block-blue.50548a09.webp);
}

.quote-block-gold {
  background: url(/dist/assets/images/seo/tip/tip-block-gold.f3624b27.webp);
}

.quote-block-green {
  background: url(/dist/assets/images/seo/tip/tip-block-green.10ef6add.webp);
}

.quote-block-grey {
  background: url(/dist/assets/images/seo/tip/tip-block-grey.fc75f45c.webp);
}

/*---*/
.quote-block__inner-red {
  background: url(/dist/assets/images/seo/tip/overlay-red.bd221eae.png);
}

.quote-block__inner-gold {
  background: url(/dist/assets/images/seo/tip/overlay-gold.4b0cf670.png);
}

.quote-block__inner-green {
  background: url(/dist/assets/images/seo/tip/overlay-green.548c0aea.png);
}

.quote-block__inner-grey {
  background: url(/dist/assets/images/seo/tip/overlay-grey.75b37b09.png);
}

.quote-block__inner-blue {
  background: url(/dist/assets/images/seo/tip/overlay-blue.d08f269c.png);
}

blockquote {
   border-left: none;
   font-size: inherit;
   margin: 0;
   padding: 0;
  border-radius: 8px;
}

.quote-block {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1408 / 208;
  width: 100%;
  display: block;
  border-radius: 8px;
  overflow: hidden;
}

.quote-block__inner {
  border-radius: 8px;
  width: 24.74vw;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0 2.188vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.text-quote {
  max-width: 15vw;
  position: relative;
  margin: 0;
  font-size: 0.729vw;
  line-height: 1.146vw;
}

.text-quote::before {
  content: "";
  background: url(/dist/assets/images/seo/tip/left-q.a41778cd.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -10px;
  top: -30px;
}

.text-quote::after {
  content: "";
  background: url(/dist/assets/images/seo/tip/right-q.bf25a985.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -20px;
  bottom: -20px;
}

/*pro-tip-text*/
.pro-tip-text {
  background: linear-gradient(90deg, rgba(237, 196, 7, .3), hsla(0, 0%, 100%, 0));
  border: 1px solid rgba(251, 226, 111, .25);
  border-left: 6px solid #fbe26f;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(255, 106, 0, .08);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 0;
  padding: 14px 16px;
}

@media (max-width: 1024px) {
  .quote-block {
    background-size: cover;
    aspect-ratio: 704 / 208;
    background-position: 65% 100%;
  }
  .quote-block__inner {
    width: 476px;
    padding: 0 0 0 42px;
    background-size: 100% 100%;
    background-position: right;
  }

  .text-quote {
    max-width: 288px;
    font-size: 14px;
    line-height: 22px;
  }

  .pro-tip-text {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .quote-block-red {
    background: url(/dist/assets/images/seo/tip/tip-block-red_mob.59214914.webp);
  }

  .quote-block-gold {
    background: url(/dist/assets/images/seo/tip/tip-block-gold_mob.b114afc5.webp);
  }

  .quote-block-green {
    background: url(/dist/assets/images/seo/tip/tip-block-green_mob.4bae2df7.webp);
  }

  .quote-block-grey {
    background: url(/dist/assets/images/seo/tip/tip-block-grey_mob.d41916bf.webp);
  }

  .quote-block-blue {
    background: url(/dist/assets/images/seo/tip/tip-block-blue_mob.c61b05a5.webp);
  }

  .quote-block {
    aspect-ratio: 345 / 208;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .quote-block__inner {
    width: 217px;
    padding: 0 0 0 16px;
    background-size: 100% 100%;
    background-position: left;
  }

  .text-quote {
    max-width: 175px;
  }

  .text-quote::before {
    left: -1px;
  }
}


@media screen and (max-width: 1200px) {
	.demo-games {
		max-height: 180px;
	}
}
@media screen and (max-width: 991px) {
	.demo-games {
		max-height: 140px;
	}
	.demo-play__title {
		font-size: 32px;
	}
	.demo-play__description h2,
	.demo-play__games .h2 {
		font-size: 32px;
	}
	.demo-play__buttons .bt,
	.show-more-games {
		width: 200px;
		height: 44px;
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	.demo-play .breadcrumbs {
		font-size: 14px;
	}
	.demo-games {
		max-height: 290px;
	}
	.demo-play__description {
		font-size: 14px;
		line-height: 20px;
	}
	.demo-play__description h2, .demo-play__games .h2 {
		font-size: 28px;
	}
	.demo-play__description h3 {
		font-size: 20px;
	}
	.demo-play__buttons .bt,
	.show-more-games {
		width: 134px;
		height: 42px;
		font-size: 14px;
	}
	.show-more-games {
		width: 170px;
	}
	.demo-play__description {
		margin-bottom: 56px;
	}
	.demo-play__iframe {
		margin-bottom: 32px;
	}
	.demo-play {
		padding-top: 32px;
	}
}
@media screen and (max-width: 450px) {
	.demo-play {
		padding-bottom: 56px;
	}
	.demo-play__iframe {
		padding-bottom: 60%;
	}
}

.bonuses {
  padding: 0 16px;
  margin-bottom: 24px;
}
@media (min-width: 600px) {
  .bonuses {
    padding: 0 24px;
    margin-bottom: 32px;
  }
}
.bonuses .h1 {
  font-size: 24px;
  font-weight: 700;
  margin-right: 100px;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .bonuses .h1 {
    font-size: 28px;
    font-weight: 600;
  }
}
@media (min-width: 900px) {
  .bonuses .h1 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .bonuses .h1 {
    font-size: 36px;
    font-weight: 700;
  }
}
@media (min-width: 1536px) {
  .bonuses .h1 {
    font-size: 42px;
    font-weight: 600;
  }
}
.bonuses h2 {
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 900px) {
  .bonuses h2 {
    font-size: 24px;
    font-weight: 700;
  }
}
.bonuses h3 {
  font-size: 20px;
  font-weight: 600;
}
.bonuses .container {
  max-width: 100%;
}
.bonuses-slider {
  --slider-right-padding: 0;
  position: relative;
  padding-right: var(--slider-right-padding);
}
@media (min-width: 600px) {
  .bonuses-slider {
    --slider-right-padding: 230px;
  }
}
@media (min-width: 900px) {
  .bonuses-slider {
    --slider-right-padding: 170px;
  }
}
@media (min-width: 1200px) {
  .bonuses-slider {
    --slider-right-padding: 120px;
  }
}
.bonuses-slider .owl-stage-outer {
  width: calc(100% + var(--slider-right-padding));
}
.bonuses-slider .owl-stage {
  display: flex;
}
.bonuses-slider .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(calc(-50% - 35px));
}
.bonuses-slider .owl-nav button {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background-color: #fff;
}
.bonuses-slider .owl-nav button.disabled {
  opacity: 0.5;
}
.bonuses-slider .owl-nav button span {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  background: url(/dist/assets/images/icons/arrow.a7f0b0b2.svg) center/15px 9px no-repeat;
  filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7460%) hue-rotate(326deg) brightness(108%) contrast(93%);
}
.bonuses-slider .owl-prev {
  margin-right: 8px;
}
.bonuses-slider .owl-prev span {
  transform: rotate(-90deg);
}
.bonuses-slider .owl-next span {
  transform: rotate(90deg);
}
.bonuses-slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 7px;
  background-color: #2a2a2a;
}
.bonuses-slide img {
  aspect-ratio: 1.9428;
  object-fit: cover;
}
.bonuses .slide-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
}
.bonuses .slide-head {
  position: relative;
}
.bonuses .slide-payment {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  padding: 0;
  list-style: none;
}
.bonuses .slide-payment li img {
  display: block;
  width: 24px;
  height: 24px;
}
.bonuses .slide-title {
  position: relative;
  padding-right: 48px;
  text-transform: initial;
  font-size: 20px;
  font-weight: 600;
}
.bonuses .slide-more {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid #fae26f;
  border-radius: 8px;
  background: url(/dist/assets/images/icons/info.4dd6c1a1.svg) center/16px auto no-repeat;
}
.bonuses .slide-description {
  margin-bottom: auto;
  color: #a6a6a6;
}
.bonuses .slide-claim {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  border: 0;
  border-radius: 8px;
  margin-top: 24px;
  text-transform: uppercase;
  color: #000000;
  background: linear-gradient(180deg, #fffb9e 0%, #d5a23f 39%, #fad14f 63%, #f1c64d 82%, #cfa146 100%);
}

.seo_text {
  padding: 0 16px;
  margin-bottom: 24px;
}
@media (min-width: 600px) {
  .seo_text {
    padding: 0 24px;
    margin-bottom: 32px;
  }
}
.seo_text h1 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .seo_text h1 {
    font-size: 28px;
    font-weight: 600;
  }
}
@media (min-width: 900px) {
  .seo_text h1 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .seo_text h1 {
    font-size: 36px;
    font-weight: 700;
  }
}
@media (min-width: 1536px) {
  .seo_text h1 {
    font-size: 42px;
    font-weight: 600;
  }
}
.seo_text h2 {
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 900px) {
  .seo_text h2 {
    font-size: 24px;
    font-weight: 700;
  }
}
.seo_text h3 {
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 900px) {
  .seo_text h3 {
    font-size: 20px;
  }
}
.seo_text p,
.seo_text ul,
.seo_text ol {
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 900px) {
  .seo_text p,
  .seo_text ul,
  .seo_text ol {
    font-size: 16px;
  }
}
.seo_text ol {
  padding-left: 20px;
}
.seo_text ul {
  list-style: none;
  padding-left: 0;
}
.seo_text ul li {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.seo_text ul li::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  background: url(/dist/assets/images/icons/cherry.60b4b756.svg) center/contain no-repeat;
}
.seo_text a {
  color: #25a440;
}
.seo_text .container {
  max-width: 100%;
}
.seo_text-additional {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.seo_text-additional .seo_text-block:first-child {
  margin-top: 0;
}
.seo_text-block {
  margin: 32px 0;
}
.seo_text-more {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 112px;
  height: 42px;
  padding: 10px;
  border: 0;
  margin: 0 auto;
  background-color: transparent;
  text-transform: uppercase;
}
@media (min-width: 900px) {
  .seo_text-more {
    font-size: 14px;
    min-width: 124px;
    height: 44px;
  }
}
@media (min-width: 1200px) {
  .seo_text-more {
    font-size: 20px;
    min-width: 212px;
    height: 58px;
  }
}
.seo_text-more::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/dist/assets/images/icons/border-gold.140408c2.webp) center/100% 100% no-repeat;
  pointer-events: none;
}
.seo_text-more.active::before {
  background-image: url(/dist/assets/images/icons/border-green.22018b1d.webp);
}

.accordion {
  padding: 0 16px;
  margin-bottom: 24px;
}
@media (min-width: 600px) {
  .accordion {
    padding: 0 24px;
    margin-bottom: 77px;
  }
}
.accordion h2 {
  font-size: 28px;
  font-weight: 600;
}
@media (min-width: 900px) {
  .accordion h2 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .accordion h2 {
    font-size: 32px;
  }
}
@media (min-width: 1536px) {
  .accordion h2 {
    font-size: 42px;
  }
}
.accordion ul {
  list-style: none;
}
.accordion .container {
  max-width: 100%;
}
.accordion-list, .accordion ul {
  padding: 0;
  margin: 0;
}
.accordion-item, .accordion li {
  padding: 16px;
  border-radius: 10px;
  background-color: #2a2a2a;
  cursor: pointer;
}
.accordion-item:not(:last-child), .accordion li:not(:last-child) {
  margin-bottom: 8px;
}
.accordion-head, .accordion h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  color: #eeb648;
  text-align: left;
  outline: none;
  background-color: transparent;
  font-size: 20px;
  font-weight: 600;
  text-transform: initial;
}
@media (min-width: 900px) {
  .accordion-head, .accordion h3 {
    font-size: 24px;
    font-weight: 700;
  }
}
.accordion-head::after, .accordion h3::after {
  content: "";
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  background: url(/dist/assets/images/icons/arrow.a7f0b0b2.svg) center/15px 9px no-repeat;
  transform: rotate(-180deg);
  transition: transform 0.3s ease-out;
}
.active .accordion-head::after, .active .accordion h3::after {
  transform: rotate(0deg);
}
.accordion-content {
  max-height: 0;
  color: #a6a6a6;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.accordion-content p {
  margin: 8px 0;
}
@media (min-width: 900px) {
  .accordion-content p {
    font-size: 16px;
  }
}