/*! normalize.css v8.0.1 | 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 iOS.
    top-header-background: #792439

    primary-color: #1962ff
    hover-color: #1962ff
    border-color: #1962ff

    menu-background-color: #2e2e2e
    menu-background-hover-color: #083D77

    input-background-color: #2e2e2e
 */
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap");
 html {
     line-height: 1.15;
     /* 1 */
     -webkit-text-size-adjust: 100%;
     /* 2 */
 }

 /* Sections
      ========================================================================== */
 /**
    * Remove the margin in all browsers.
    */
 body {
     margin: 0;
 }

 /**
    * Render the `main` element consistently in IE.
    */
 main {
     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
      ========================================================================== */
 /**
    * 1. Add the correct box sizing in Firefox.
    * 2. Show the overflow in Edge and IE.
    */
 hr {
     -webkit-box-sizing: content-box;
     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
      ========================================================================== */
 /**
    * Remove the gray background on active links in IE 10.
    */
 a {
     background-color: transparent;
 }

 /**
    * 1. Remove the bottom border in Chrome 57-
    * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
    */
 abbr[title] {
     border-bottom: none;
     /* 1 */
     text-decoration: underline;
     /* 2 */
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     /* 2 */
 }

 /**
    * 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 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
      ========================================================================== */
 /**
    * Remove the border on images inside links in IE 10.
    */
 img {
     border-style: none;
 }

 /* Forms
      ========================================================================== */
 /**
    * 1. Change the font styles in all browsers.
    * 2. Remove the margin in Firefox and Safari.
    */
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     /* 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;
 }

 /**
    * Correct the inability to style clickable types in iOS and Safari.
    */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }

 /**
    * 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 {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     /* 1 */
     color: inherit;
     /* 2 */
     display: table;
     /* 1 */
     max-width: 100%;
     /* 1 */
     padding: 0;
     /* 3 */
     white-space: normal;
     /* 1 */
 }

 /**
    * Add the correct vertical alignment in Chrome, Firefox, and Opera.
    */
 progress {
     vertical-align: baseline;
 }

 /**
    * Remove the default vertical scrollbar in IE 10+.
    */
 textarea {
     overflow: auto;
 }

 /**
    * 1. Add the correct box sizing in IE 10.
    * 2. Remove the padding in IE 10.
    */
 [type="checkbox"],
 [type="radio"] {
     -webkit-box-sizing: border-box;
     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.
    */
 [type="search"] {
     -webkit-appearance: textfield;
     /* 1 */
     outline-offset: -2px;
     /* 2 */
 }

 /**
    * Remove the inner padding in Chrome and Safari on macOS.
    */
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

 /**
    * 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 Edge, IE 10+, and Firefox.
    */
 details {
     display: block;
 }

 /*
    * Add the correct display in all browsers.
    */
 summary {
     display: list-item;
 }

 /* Misc
      ========================================================================== */
 /**
    * Add the correct display in IE 10+.
    */
 template {
     display: none;
 }

 /**
    * Add the correct display in IE 10.
    */
 [hidden] {
     display: none;
 }

 /*Fonts
 =============================================*/
 /*COLORS
 =============================================*/
 :-webkit-full-screen body,
 :-moz-full-screen body,
 :-ms-fullscreen body {
     /* properties */
     width: 100vw;
     height: 100vh;
 }

 :full-screen body {
     /*pre-spec */
     /* properties */
     width: 100vw;
     height: 100vh;
 }

 :-webkit-full-screen body {
     /* spec */
     /* properties */
     width: 100vw;
     height: 100vh;
 }

 :-moz-full-screen body {
     /* spec */
     /* properties */
     width: 100vw;
     height: 100vh;
 }

 :-ms-fullscreen body {
     /* spec */
     /* properties */
     width: 100vw;
     height: 100vh;
 }

 :fullscreen body {
     /* spec */
     /* properties */
     width: 100vw;
     height: 100vh;
 }

 /* deeper elements */
 :-webkit-full-screen body {
     width: 100vw;
     height: 100vh;
 }

 /* styling the backdrop*/
 ::backdrop,
 ::-ms-backdrop {
     /* Custom styles */
 }

 /* -----------------------------------------------------
     LAYOUT MOBILE
 -------------------------------------------------------- */
 /*General
 ========================================*/
 body {
     /* font-family: "Exo 2",sans-serif; */
     background: var(--body_background_color) !important;
 }

 /* h1, h2, h3, h4, h5, h6 {
     font-family: "Exo 2", sans-serif;
 } */

 a {
     color: #ffffff;
     -webkit-transition: all .3s;
     transition: all .3s;
 }

 a:hover {
     text-decoration: none;
     color: unset !important;
 }

 ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .overflow-hide {
     overflow: hidden;
     position: fixed;
 }

 .text-primary {
     color: #1962ff !important;
 }

 .separador {
     background: #ffffff;
 }

 /*Buttons
 ========================================*/
 button:focus,
 .btn:focus {
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .btn {
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 6px;
     font-size: 0.75em;
     padding: 12px 40px;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     width: 100%;
 }

 .btn-primary {
     background-color: #00a6ff;
     color: #2e2e2e;
     border-color: #00a6ff;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }
 .btn-space {
     margin-left: 5px;
 }

 .btn-primary a {
     color: #2e2e2e;
 }

 .btn-primary:hover, .btn-primary:active {
    
     color: #ffffff !important;
     border-color: #1962ff !important;
 }

 .btn-outline {
     background-color: transparent;
     border: 2px solid #ffffff;
     color: #ffffff !important;
     margin: 0;
 }

 .btn-outline:hover {
     background-color: #1962ff;
     color: #000000;
 }

 .btn-support {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background: #1962ff;
    color: #121212;
    border-radius: 50%;
    margin-right: 15px;
    cursor: pointer;
}

.btn-support-admin{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    /* padding: 0.2rem; */
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    cursor: pointer;
}

.telegram{
    background: #229ED9;
}
.whatsapp{
    background: #25D366;
}
.instagram{
    background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);
}
.link-chats{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.btn-support-admin .link-chats img{
    width: 2rem;
}

 .spinner-border-sm {
     margin-right: 10px;
 }

 button#btnViewMore{
    background-color: #26292e;
    color: #ffffff !important;
    border-color: #26292e;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
 }

 button#btnViewMore:hover{
    background-color: #26292e !important;
    color: #ffffff !important;
    border-color: #c457da !important;
 }
@media (min-width: 992px){
 button#user-data{
    background-color: #1962ff;
    color: #2e2e2e !important;
    border-color: #1962ff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
 }

 button#user-data:hover{
    background-color: #161616 !important;
    color: #ffffff !important;
    border-color: #1962ff !important;
 }

 button.btn.btn-outline.btn-space.login-mobile{
    display: none;
 }

}
button.btn.btn-outline.btn-space.login-mobile{
    background-color: #1962ff;
    color: #2e2e2e !important;
    border-color: #1962ff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 /*Forms
 ========================================*/
 .form-control {
     /* background-color: #2e2e2e; */
     border: none;
     /* color: #ffffff; */
     font-size: 0.65em;
     border-radius: 6px;
     padding: 10px 20px;
     line-height: 0.75em;
 }

 .form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.25);
     text-transform: normal;
 }

 .form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: normal;
 }

 .form-control:-ms-input-placeholder {
     /* IE 10+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: normal;
 }

 .form-control:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(255, 255, 255, 0.25);
     text-transform: normal;
 }

 .form-control.is-invalid {
     border: 1px solid #dc3545;
 }

 .form-control label.error-message-form {
     width: 100%;
     margin-top: .25rem;
     font-size: 80% !important;
     color: #dc3545 !important;
 }

 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
     display: none;
 }

 /*Soporte*/
 .form-large {
     background-color: #121212;
     padding: 50px;
     border-radius: 20px;
     margin-top: 35px;
     background-color: #083D77;
     padding: 30px;
     border-radius: 20px;
     max-width: 480px;
 }

 .form-large h1 {
     color: #1962ff;
     margin-top: 0;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 18px;
 }

 .form-large p {
     color: #ffffff;
 }

 .form-large label {
     color: #ffffff;
     text-transform: none;
     font-size: 16px;
 }

 .form-large label.error-message-form {
     width: 100%;
     margin-top: .25rem;
     font-size: 80% !important;
     color: #dc3545 !important;
 }

 .form-large .form-control {
     border: 1px solid #B1B1FF15;
 }

 .form-large .form-control.is-invalid {
     border: 1px solid #dc3545 !important;
 }

 .form-large input,
 .form-large textarea {
     background-color: #2e2e2e;
     font-size: 1rem;
     color: #ffffff;
 }

 .form-large input::-webkit-input-placeholder,
 .form-large textarea::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .form-large input::-moz-placeholder,
 .form-large textarea::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .form-large input:-ms-input-placeholder,
 .form-large textarea:-ms-input-placeholder {
     /* IE 10+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .form-large input:-moz-placeholder,
 .form-large textarea:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .form-large .awe-ajaxdropdown-field.awe-field {
     display: block;
 }

 .form-large select,
 .form-large #StartPageId {
     font-size: 1rem;
     background-color: #2e2e2e;
     color: #ffffff;
     border-radius: 6px;
     padding: 10px 20px;
     line-height: 0.75em;
     width: 100%;
     border: 1px solid rgba(8, 61, 119, 0.082);
 }

 .form-large textarea {
     min-height: 120px;
 }

 .form-large .btn-block {
     margin-top: 16px;
 }

 .form-large .btn-block {
     display: block;
     width: 100% !important;
 }

 .form-control:disabled,
 .form-control[readonly] {
     border: 0px;
     padding-left: 5px;
     color: #ffffff;
 }

 .form-control:disabled:focus,
 .form-control[readonly]:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 /*check Box*/
 .form-check {
     padding: 0;
 }

 input[type=checkbox] + label {
     display: block;
     margin-bottom: 20px;
     cursor: pointer;
     padding: 0.2em;
     color: #ffffff;
     font-size: 0.75em;
 }

 input[type=checkbox] + label:hover {
     color: #792439;
 }

 input[type=checkbox] {
     display: none;
 }

 input[type=checkbox] + label:before {
     content: "\2714";
     border: 1px solid #ffffff;
     border-radius: 0.2em;
     display: inline-block;
     width: 16px;
     height: 16px;
     padding-left: 0.2em;
     padding-bottom: 0.3em;
     margin-right: 0.5em;
     vertical-align: middle;
     color: transparent;
     -webkit-transition: .2s;
     transition: .2s;
 }

 input[type=checkbox] + label:active:before {
     -webkit-transform: scale(0);
     transform: scale(0);
 }

 input[type=checkbox]:checked + label {
     color: #792439;
 }

 input[type=checkbox]:checked + label:before {
     background-color: transparent;
     border-color: #083D77;
     color: #792439;
 }

 input[type=checkbox]:disabled + label:before {
     -webkit-transform: scale(1);
     transform: scale(1);
     border-color: #aaa;
 }

 input[type=checkbox]:checked:disabled + label:before {
     -webkit-transform: scale(1);
     transform: scale(1);
     background-color: #121212;
     border-color: #121212;
 }

 /* The container */
 .container-radio {
     display: block;
     position: relative;
     padding-left: 25px;
     margin-bottom: 20px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     color: #ffffff;
     font-size: 0.75em;
 }

 .container-radio input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }

 .container-radio .checkmark {
     position: absolute;
     top: 0;
     left: 2px;
     height: 16px;
     width: 16px;
     background-color: transparent;
     border-radius: 50%;
     border: 1px solid #ffffff;
 }

 /* On mouse-over, add a grey background color */
 .container-radio:hover input ~ .checkmark {
     background-color: transparent;
     color: #1962ff;
 }

 .container-radio:hover input ~ .name {
     background-color: transparent;
     color: #1962ff;
 }

 /* When the radio button is checked, add a blue background */
 .container-radio input:checked ~ .checkmark ~ .name {
     background-color: transparent;
     color: #1962ff;
 }

 .container-radio input:checked ~ .name {
     background-color: transparent;
     color: #1962ff;
 }

 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }

 /* Show the indicator (dot/circle) when checked */
 .container-radio input:checked ~ .checkmark:after {
     display: block;
 }

 /* Style the indicator (dot/circle) */
 .container-radio .checkmark:after {
     top: 3px;
     left: 3px;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #1962ff;
 }

 /*Buscador input*/
 .has-search {
     margin: 50px 0 35px;
 }

 .has-search .form-control {
     padding-left: 2rem;
     background-color: #2e2e2e;
     color: #ffffff;
     font-size: 0.85em;
     height: 40px;
     border: 1px solid rgba(222, 222, 223, 0.2);
 }

 .has-search .form-control:focus {
     border-color: #2e2e2e;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 232, 47, 0.52);
     box-shadow: 0 0 0 0.2rem rgba(255, 232, 47, 0.52);
 }

 .has-search .form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .has-search .form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .has-search .form-control:-ms-input-placeholder {
     /* IE 10+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .has-search .form-control:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .has-search .form-control-feedback {
     position: absolute;
     z-index: 2;
     display: block;
     width: 2.375rem;
     height: 2.375rem;
     line-height: 2.5rem;
     text-align: center;
     pointer-events: none;
     color: #384B5C;
     font-size: 0.8rem;
 }

 /*Form Order*/
 .form-order {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .form-order .container-radio {
     margin: 0 17px 0 0;
 }

 .form-order .title {
     color: #ffffff;
     font-size: 0.85rem;
     text-transform: uppercase;
     font-weight: 700;
     margin-right: 25px;
 }

 /*Message Error Form*/
 .error-message-form {
     width: 100%;
     margin-top: .25rem;
     font-size: 80% !important;
     color: #dc3545 !important;
 }

 /*Tooltip
 ========================================*/
 /*Bootstrap 4 Tooltip*/
 .tooltip > .arrow {
     background-color: transparent;
 }

 .tooltip > .tooltip-inner {
     text-align: center;
     font-size: 12px;
     padding: 10px 15px;
     border-radius: 5px;
     color: #161616;
     background-color: #1962ff;
     text-transform: uppercase;
     -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
     box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
     font-weight: bold;
 }

 .bs-tooltip-top,
 .bs-tooltip-right,
 .bs-tooltip-left,
 .bs-tooltip-bottom {
     background-color: transparent;
     opacity: 1 !important;
 }

 .tooltip.bs-tooltip-top .arrow:before,
 .tooltip.bs-tooltip-bottom .arrow:before {
     border-top-color: #1962ff;
     border-right-color: transparent;
     border-bottom-color: #1962ff;
     border-left-color: transparent;
 }

 .tooltip.bs-tooltip-right .arrow:before,
 .tooltip.bs-tooltip-left .arrow:before {
     border-top-color: transparent;
     border-right-color: #1962ff;
     border-bottom-color: transparent;
     border-left-color: #1962ff;
 }

 /*Nav Bar
 ========================================*/
 header {
     /* position: fixed; */
     position: relative;
     top: 0;
     width: 100%;
     z-index: 900;
 }

 .sticky {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 900;
     -webkit-animation: fade-in-top 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
     animation: fade-in-top 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
 }

 @-webkit-keyframes fade-in-top {
     0% {
         /* -webkit-transform: translateY(-50px);
       transform: translateY(-50px); */
         /* opacity: 0; */
     }
     100% {
         /* -webkit-transform: translateY(0);
       transform: translateY(0); */
         /* opacity: 1; */
     }
 }

 @keyframes fade-in-top {
     0% {
         /* -webkit-transform: translateY(-50px);
       transform: translateY(-50px); */
         /*  opacity: 0; */
     }
     100% {
         /* -webkit-transform: translateY(0);
       transform: translateY(0); */
         /* opacity: 1; */
     }
 }

 .navbar-light .navbar-toggler {
     color: #1962ff;
     border: none;
     padding: 0;
 }

 .navbar-light .navbar-toggler:focus {
     outline: none;
     background-color: transparent;
 }

 span.icon-bar {
     height: 14px;
     width: 24px;
     position: relative;
     display: block;
 }

 span.icon-bar:before {
     content: '';
     background: #1962ff;
     position: absolute;
     top: 45%;
     left: 0;
     right: 0;
     height: 2px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     margin-top: -1px;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
 }

 span.icon-bar:after {
     content: '';
     background: #1962ff;
     position: absolute;
     top: 45%;
     left: 0;
     right: 0;
     height: 2px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     margin-top: -1px;
     width: 100%;
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
 }

 .navbar-toggler[aria-expanded="false"] span {
     border-top: 2px solid;
     border-bottom: 2px solid;
 }

 .navbar-toggler[aria-expanded="false"] span:before {
     -webkit-transform: initial;
     transform: initial;
     background: #1962ff;
 }

 .navbar-toggler[aria-expanded="false"] span:after {
     -webkit-transform: initial;
     transform: initial;
     background: #1962ff;
 }

 .main-nav {
     background: #121212;
     padding: 20px 10px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .navbar-brand {
     padding: 0;
     color: #1962ff !important;
     font-weight: 900;
     text-transform: uppercase;
     display: flex;
 }

 .navbar-brand span {
     color: #ffffff;
 }

 .navbar-brand img {
     max-width: 114px;
     /*width: 100%;*/
     height: 50px;
 }

 .user-nav {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
 }

 .user-nav .container {
     padding: 0;
 }

 .user-nav .container-fluid {
     padding: 0;
 }

 .user-nav .pass-container {
     width: 100%;
     margin-bottom: 0;
 }

 .user-nav .form-inline {
     display: none;
 }

 .user-nav-login {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     margin-top: 20px;
 }

 .user-nav-login .containe-data-user-game {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }

 .user-nav-login .data-user-games {
     color: #ffffff;
     font-size: 0.8rem;
     text-transform: uppercase;
     margin-right: 20px;
     position: relative;
     padding: 0;
     display: inline-block;
     margin-top: 0px;
     margin-bottom: 20px;
     max-width: 45%;
 }

 .user-nav-login .data-user-games:first-child:after {
     content: '';
     position: absolute;
     height: 60%;
     width: 1px;
     right: -10px;
     background-color: #ffffff;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .user-nav-login .data-user-games .number {
     font-weight: 900;
     margin-left: 5px;
 }

 .user-nav-login .btn-primary {
     display: inline-block;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     padding: 8px 20px;
 }

 .user-nav-login .user-info {
     margin-top: 0;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .user-nav-login .user-info.show .btn-user .i {
     -webkit-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
 }

 .user-nav-login .user-info .avatar {
     width: 38px;
     height: 38px;
     border-radius: 6px;
     text-align: center;
     overflow: hidden;
     display: inline-block;
     vertical-align: middle;
     margin-right: 2px;
     background: #121212;
     border: 1px solid #ffffff;
     padding-top: 5px;
 }

 .user-nav-login .user-info .avatar img {
     -o-object-fit: cover;
     object-fit: cover;
     height: 100%;
 }

 .user-nav-login .user-info .avatar i {
     font-size: 2.2rem;
     vertical-align: middle;
     color: #ffffff;
 }

 .user-nav-login .user-info .btn-user {
     color: #ffffff;
     background-color: #121212;
     max-width: 78%;
     text-align: left;
     border: 1px solid #ffffff;
     padding: 9px 40px;
 }

 .user-nav-login .user-info .btn-user:after {
     content: none;
 }

 .user-nav-login .user-info .btn-user:focus {
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .user-nav-login .user-info .btn-user i {
     /* color: #ffffff; */
     margin-left: 5px;
     /* -webkit-transition: all 0.3s ease-in-out; */
     /* transition: all 0.3s ease-in-out; */
     float: right;
 }

 .user-nav-login .user-info .dropdown-menu {
     left: auto;
     right: 0;
     color: #ffffff;
     background-color: #121212;
     margin: 0;
     border: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: static;
     visibility: hidden;
     height: 0;
     min-height: 0;
     width: 100%;
     opacity: 0;
     padding: 0;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .user-nav-login .user-info .dropdown-menu.show {
     height: auto;
     visibility: visible;
     opacity: 1;
     padding: 0.5rem 0;
     margin-top: 1rem;
 }

 .user-nav-login .user-info .dropdown-menu .dropdown-item {
     color: #ffffff;
     font-size: 0.85rem;
     font-weight: 500;
     padding: 0.5rem;
 }

 .user-nav-login .user-info .dropdown-menu .dropdown-item:hover {
     background: #161616;
 }

 .login-mobile {
     max-width: 90px;
     font-size: 0.7rem;
     padding: 5px 5px;
     margin-right: 5px;
 }

 .game-filters {
     background: #2e2e2e;
     padding: 0;
     font-weight: bold;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 .game-filters.login .navbar-nav {
     height: calc(100vh - 187px);
 }

 .game-filters .navbar-nav {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     width: 100%;
 }

 .game-filters .nav-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 33%;
 }

 /*.game-filters .nav-item:first-child {*/
 /*  margin-left: 55px;*/
 /*}*/

 .game-filters #currentpage {
     background: #2e2e2e;
 }

 .game-filters #currentpage .nav-link {
     color: #1962ff;
     background: #2e2e2e;
     border-bottom: 3px solid #1962ff;
 }

 .game-filters .nav-link {
     color: #ffffff;
     font-size: 0.75rem;
     padding: 0 15px;
     text-align: center;
     text-transform: uppercase;
     padding-right: 1rem !important;
     padding-left: 1rem !important;
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
     font-size: 0.55rem;
 }

 .game-filters .nav-link img {
     margin: 0 auto 10px;
     vertical-align: middle;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     max-height: 20px;
 }

 .game-filters .dropdown {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .game-filters .dropdown.show .dropdown-toggle {
     padding: 0.75rem 15px;
 }

 .game-filters .dropdown.show .dropdown-toggle:after {
     -webkit-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
 }

 .game-filters .dropdown .dropdown-toggle {
     width: 100%;
 }

 .game-filters .dropdown .dropdown-toggle:after {
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .game-filters .dropdown .dropdown-menu {
     background: #2e2e2e;
     border-radius: 0;
     border: none;
     text-align: right;
     width: 100%;
     height: 0;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     visibility: hidden;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 0;
     margin: 0;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .game-filters .dropdown .dropdown-menu.show {
     height: 35vh;
     visibility: visible;
     opacity: 1;
 }

 .game-filters .dropdown .dropdown-menu.show .dropdown-item {
     visibility: visible;
 }

 .game-filters .dropdown .dropdown-menu .dropdown-item {
     color: #ffffff;
     text-transform: uppercase;
     font-size: 0.8em;
     padding: 0.5rem 1.5rem;
     visibility: hidden;
 }

 .game-filters .dropdown .dropdown-menu .dropdown-item:hover {
     background: #083D77;
 }

 .game-filters .has-search {
     margin-bottom: 0;
     display: none;
 }

 .game-filters .has-search .form-control {
     padding-left: 2rem;
     background-color: #2e2e2e;
     color: #ffffff;
     min-width: 265px;
 }

 .game-filters .has-search .form-control:focus {
     border-color: #2e2e2e;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(203, 14, 0, 0.71);
     box-shadow: 0 0 0 0.2rem rgba(203, 14, 0, 0.71);
 }

 .game-filters .has-search .form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters .has-search .form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters .has-search .form-control:-ms-input-placeholder {
     /* IE 10+ */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters .has-search .form-control:-moz-placeholder {
     /* Firefox 18- */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters .has-search .form-control-feedback {
     position: absolute;
     z-index: 2;
     display: block;
     width: 2.375rem;
     height: 2.375rem;
     line-height: 2rem;
     text-align: center;
     pointer-events: none;
     color: #ffc9c9;
     font-size: 0.8rem;
 }

 .game-filters-into-menu {
     background: #2e2e2e;
     padding: 0;
     font-weight: bold;
 }

 .game-filters-into-menu.login .navbar-nav {
     height: calc(100vh - 167px);
 }

 .game-filters-into-menu .navbar-nav {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 100%;
     height: calc(100vh - 70px);
 }

 .game-filters-into-menu .nav-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .game-filters-into-menu .nav-item:nth-child(odd) {
     background: #2e2e2e;
 }

 .game-filters-into-menu .nav-item:nth-child(even) {
     background: #121212;
 }

 .game-filters-into-menu .nav-link {
     color: #ffffff;
     font-size: 1em;
     padding: 0 15px;
     text-align: right;
     text-transform: uppercase;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     width: 100%;
 }

 .game-filters-into-menu .nav-link img {
     max-height: 22px;
     margin-right: 10px;
 }

 .game-filters-into-menu .dropdown {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .game-filters-into-menu .dropdown.show .dropdown-toggle {
     padding: 0.75rem 15px;
 }

 .game-filters-into-menu .dropdown.show .dropdown-toggle:after {
     -webkit-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
 }

 .game-filters-into-menu .dropdown .dropdown-toggle {
     width: 100%;
 }

 .game-filters-into-menu .dropdown .dropdown-toggle:after {
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .game-filters-into-menu .dropdown .dropdown-menu {
     background: #2e2e2e;
     border-radius: 0;
     border: none;
     text-align: right;
     width: 100%;
     height: 0;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     visibility: hidden;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 0;
     margin: 0;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .game-filters-into-menu .dropdown .dropdown-menu.show {
     height: 35vh;
     visibility: visible;
     opacity: 1;
 }

 .game-filters-into-menu .dropdown .dropdown-menu.show .dropdown-item {
     visibility: visible;
 }

 .game-filters-into-menu .dropdown .dropdown-menu .dropdown-item {
     color: #ffffff;
     text-transform: uppercase;
     font-size: 0.8em;
     padding: 0.5rem 1.5rem;
     visibility: hidden;
 }

 .game-filters-into-menu .dropdown .dropdown-menu .dropdown-item:hover {
     background: #2e2e2e;
 }

 .game-filters-into-menu .has-search {
     margin-bottom: 0;
     display: none;
 }

 .game-filters-into-menu .has-search .form-control {
     padding-left: 2rem;
     background-color: #2e2e2e;
     color: #ffffff;
     min-width: 265px;
 }

 .game-filters-into-menu .has-search .form-control:focus {
     border-color: #2e2e2e;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(203, 14, 0, 0.71);
     box-shadow: 0 0 0 0.2rem rgba(203, 14, 0, 0.71);
 }

 .game-filters-into-menu .has-search .form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters-into-menu .has-search .form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters-into-menu .has-search .form-control:-ms-input-placeholder {
     /* IE 10+ */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters-into-menu .has-search .form-control:-moz-placeholder {
     /* Firefox 18- */
     color: #ffc9c9;
     text-transform: none;
 }

 .game-filters-into-menu .has-search .form-control-feedback {
     position: absolute;
     z-index: 2;
     display: block;
     width: 2.375rem;
     height: 2.375rem;
     line-height: 2rem;
     text-align: center;
     pointer-events: none;
     color: #ffc9c9;
     font-size: 0.8rem;
 }

 .home header .game-filters,
 .casino-vivo header .game-filters {
     display: none;
 }

 .home .game-filters,
 .casino-vivo .game-filters {
     margin: 0 -15px;
     padding: 0 15px;
     position: -webkit-sticky;
     position: sticky;
     top: 90px;
     z-index: 99;
 }

 .home .games-main,
 .casino-vivo .games-main {
     padding-top: 0;
 }

 /*Footer
 ========================================*/

 footer .legal {
     text-align: center;
     font-weight: bold;
     font-size: 1.25em;
 }

 footer .legal img {
     /* max-width: 200px; */
     width: 100%;
     margin-bottom: 25px;
 }

 footer .legal .copyright {
     font-size: 0.75rem;
     margin-bottom: 2rem;
     font-weight: normal;
 }

 footer .footer-links {
     padding: 0;
 }

 /*footer .footer-links:nth-child(1):after {*/
 /*  content: '';*/
 /*  height: 100%;*/
 /*  width: 2px;*/
 /*  background-color: #ffffff;*/
 /*  top: 0;*/
 /*  right: -10px;*/
 /*  position: absolute;*/
 /*}*/

 /*footer .footer-links:nth-child(1):before {*/
 /*  content: '';*/
 /*  height: 100%;*/
 /*  width: 2px;*/
 /*  background-color: #ffffff;*/
 /*  top: 0;*/
 /*  left: -10px;*/
 /*  position: absolute;*/
 /*}*/

 footer .footer-links ul {
     list-style: none;
     padding: 0;
     margin: 0;
     /* display: none; */
 }

 footer .footer-links ul li {
     margin-bottom: 25px;
 }

 @media screen and (max-width: 991px){
    footer .footer-links ul li {
        margin-bottom: 4px;
        display: flex;
        justify-content: center;
    }
 }

 footer .footer-links ul li a {
     font-size: 0.75rem;
     color: #ffffff;
 }

 @media screen and (max-width: 991px){
    footer .footer-links ul li a{
        font-size: .85rem;
    }
 }

 footer .footer-links h4 {
     font-size: 0.85rem;
     font-weight: normal;
     margin-bottom: 0;
     position: relative;
     text-align: center;
 }

 @media screen and (max-width: 991px){
    footer .footer-links h4{
        margin-bottom: 8px;
        font-size: 1rem;
        color: #1962ff;
        font-weight: 700;
    }
 }

 footer .social-media {
     max-width: 60%;
     margin: 35px auto;
 }

 footer .social-media ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
 }

 footer .social-media ul li i {
     font-size: 1.25em;
 }

 footer .social-media ul a {
     color: #792439;
 }

 footer .social-media ul a:hover {
     opacity: 0.5;
 }

 /*Slider
 ========================================*/
 .slider {
     position: relative;
     margin: 0 -15px;
 }

 .slider .item {
     position: relative;
     overflow: hidden;
     max-height: 360px;
 }

 .slider .item .text-slide {
     position: absolute;
     left: 0;
     right: 0;
     margin-left: 0;
     bottom: 30px;
     text-align: left;
     max-width: 60%;
     padding: 15px;
     z-index: 5;
 }

 .slider .item .text-slide .title-slide {
     color: #1962ff;
     font-weight: 900;
     text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
     margin-bottom: 5px;
     text-transform: uppercase;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
     font-size: 2.5rem;
     line-height: 1;
 }

 .slider .item .text-slide .subtitle-slide {
     color: #ffffff;
     font-size: 2.5rem;
     font-weight: 900;
     text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-delay: 0.75s;
     animation-delay: 0.75s;
     text-transform: uppercase;
     font-size: 2rem;
     line-height: 1;
 }

 .slider .item .text-slide .content-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .slider .item .text-slide .content-buttons .btn-link {
     color: #1962ff;
     text-transform: uppercase;
     font-size: 0.75rem;
     font-weight: 700;
     margin-left: 17px;
 }

 .slider .item .text-slide .btn {
     -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
     text-transform: none;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
     text-transform: uppercase;
     font-weight: 700;
     padding: 8px 0;
 }

 .slider .item .text-slide .btn i {
     font-size: 1.25rem;
     margin-left: 11px;
     vertical-align: bottom;
 }

 .slider .item img {
     width: 100%;
 }

 .slider .item .overlay {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0);
     position: absolute;
     z-index: 0;
 }

 .slider .owl-carousel {
     position: relative;
 }

 .slider .owl-carousel .owl-nav {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 100%;
     font-size: 2rem;
     line-height: 2rem;
     color: #ffffff;
     margin: 0 auto;
     left: 0;
     right: 0;
 }

 .slider .owl-carousel .owl-nav button {
     border-radius: 100%;
     background-color: rgba(255, 255, 255, 0.3);
     width: 43px;
     height: 43px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .slider .owl-carousel .owl-nav button span {
     height: 34px;
     color: #2e2e2e;
     color: rgba(255, 255, 255, 0.4);
 }

 .slider .owl-carousel .owl-nav button:focus {
     outline: none;
 }

 .slider .owl-carousel .owl-nav button:hover {
     opacity: 0.5;
     background-color: rgba(255, 255, 255, 0.15);
 }

 .slider .owl-carousel .owl-nav button.owl-prev {
     position: absolute;
     left: 20px;
 }

 .slider .owl-carousel .owl-nav button.owl-next {
     position: absolute;
     right: 20px;
 }

 .slider .owl-carousel .owl-dots {
     position: absolute;
     bottom: 0;
     width: 100%;
 }

 .slider .owl-carousel .owl-dots .owl-dot {
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 }

 .slider .owl-carousel .owl-dots .owl-dot:focus {
     outline: none;
 }

 .slider .owl-carousel .owl-dots .owl-dot.active span, .slider .owl-carousel .owl-dots .owl-dot:hover span {
     background: #ffffff !important;
     border: 2px solid #ffffff;
 }

 .slider .owl-carousel .owl-dots .owl-dot span {
     background: transparent !important;
     border: 2px solid #ffffff;
 }

 /*BG VIDEO
 ========================================*/
 .fullscreen-bg__video {
     width: 100%;
     height: 100%;
 }

 @media (min-aspect-ratio: 16 / 9) {
     .fullscreen-bg__video {
         height: 300%;
         top: -100%;
     }
 }

 @media (max-width: 767px) {
     .fullscreen-bg {
         /* background: url('../img/videoframe.jpg') center center / cover no-repeat; */
     }
     .fullscreen-bg__video {
         /* display: none; */
         width: 370%;
         left: -100%;
         position: relative;
     }
 }


    .provider-filter {
        transition: all 0.3s ease;
    }

    .provider-filter.active {
    background: var(--button_background_color);
    }

    .subtype-filter.active{
    background: var(--button_background_color); 
    }
 /*Main
 ========================================*/
 .main {
     padding: 25px 0 35px;
     min-height: 100vh;
 }

 .banner {
     margin-bottom: 20px;
     display: none;
 }

 .banner .banner-img {
     width: 100%;
 }

 .banner-mobile {
     margin-bottom: 20px;
 }

 .banner-mobile .banner-img {
     width: 100%;
 }

 .search-games {
     display: block;
     position: -webkit-sticky;
     position: sticky;
     top: 70px;
     z-index: 30;
     margin-bottom: 25px;
     background: #792439;
     padding: 10px 0;
 }

 .search-games .has-search {
     margin-bottom: 0;
 }

 .search-games .has-search .form-control {
     padding-left: 3rem;
     background-color: #2e2e2e;
     color: #ffffff;
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
     font-size: 0.85rem;
 }

 .search-games .has-search .form-control:focus {
     border-color: #1962ff;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(42, 255, 207, 0.68);
     box-shadow: 0 0 0 0.2rem rgba(42, 255, 207, 0.68);
 }

 .search-games .has-search .form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .search-games .has-search .form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .search-games .has-search .form-control:-ms-input-placeholder {
     /* IE 10+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .search-games .has-search .form-control:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .search-games .has-search .form-control-feedback {
     position: absolute;
     z-index: 2;
     display: block;
     width: 3.375rem;
     height: 3.375rem;
     line-height: 3rem;
     text-align: center;
     pointer-events: none;
     color: #707779;
     font-size: 0.8rem;
 }

 .menu-games-filter {
     background-color: #083D77;
     border-radius: 10px;
     overflow: hidden;
     margin-top: 14px;
 }

 .menu-games-filter li {
     border-bottom: 2px solid #545454;
 }

 .menu-games-filter li:first-child {
     border-radius: 10px 10px 0 0;
 }

 .menu-games-filter li:last-child {
     border: none;
     border-radius: 0 0 10px 10px;
 }

 .menu-games-filter li:last-child a:after {
     content: '\f078';
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     right: 20px;
     border: none;
 }

 .menu-games-filter li .has-search {
     margin-bottom: 0;
     padding: 8px 7px;
 }

 .menu-games-filter li .has-search .form-control {
     padding-left: 2rem;
 }

 .menu-games-filter li .has-search .form-control:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(42, 255, 207, 0.36);
     box-shadow: 0 0 0 0.2rem rgba(42, 255, 207, 0.36);
 }

 .menu-games-filter li .has-search .form-control-feedback {
     position: absolute;
     z-index: 2;
     display: block;
     width: 2.375rem;
     height: 2.375rem;
     line-height: 2rem;
     text-align: center;
     pointer-events: none;
     color: #939393;
     font-size: 0.8rem;
 }

 .menu-games-filter li input {
     display: block;
     padding: 0;
     width: 100%;
     border: none;
     background-color: #083D77;
     font-weight: 900;
     font-size: 0.8rem;
     color: #545454;
 }

 .menu-games-filter li input::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.25);
     text-transform: uppercase;
 }

 .menu-games-filter li input::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: uppercase;
 }

 .menu-games-filter li input:-ms-input-placeholder {
     /* IE 10+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: uppercase;
 }

 .menu-games-filter li input:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(255, 255, 255, 0.25);
     text-transform: uppercase;
 }

 .menu-games-filter li a {
     color: #545454;
     text-transform: uppercase;
     font-size: 0.8rem;
     text-decoration: none;
     font-weight: 900;
     padding: 14px 20px;
     display: block;
     position: relative;
 }

 .menu-games-filter li a.active, .menu-games-filter li a:hover {
     background-color: #1962ff;
     color: #6d6d6d;
 }

 .menu-games-filter li a:after {
     content: '\f054';
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     right: 20px;
 }

 .menu-games-filter .dropdown-menu.show {
     display: block;
     position: relative !important;
     -webkit-transform: none !important;
     transform: none !important;
     width: 100%;
     padding: 0;
 }

 .menu-games-filter .dropdown-menu.show .dropdown-item {
     background-color: #ffffff;
     padding-left: 40px;
 }

 .menu-games-filter .dropdown-menu.show .dropdown-item:after {
     content: none;
 }

 .menu-games-filter .dropdown-menu.show .dropdown-item:hover {
     background-color: #1962ff;
     color: #6d6d6d;
 }

 .games-container {
     margin-bottom: 4rem;
     /*Loding GAMES
     ========================================*/
 }

 .games-container .games-grid {
     display: -ms-grid;
     display: grid;
     grid-gap: 10px;
     /*grid-auto-rows: minmax(180px, auto);*/
     grid-auto-flow: dense;
     padding: 10px;
     -ms-grid-columns: (1fr)[2];
     grid-template-columns: repeat(2, 1fr);
     position: relative;
 }

 .games-container .loading {
     position: fixed;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.45);
     backdrop-filter: blur(3px);
     display: flex;
     display: none;
     align-items: center;
     justify-content: center;
     z-index: 999;
 }

 .games-container .loading .spinner-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: 100%;
 }

 .games-container .loading .spinner-container .text-primary {
     color: #1962ff !important;
 }

 .games-container .grid-sizer {
     width: 50%;
 }

 .games-container .game {
     display: inline-block;
     overflow: hidden;
     position: relative;
     cursor: pointer;
 }

 .games-container .game .container-info-fav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     background: transparent;
     padding: 6px 18px;
     border-radius: 0 0 6px 6px;
     background: #161616;
 }

 .games-container .game .container-info-fav .info {
     width: auto;
 }

 .games-container .game .container-info-fav .info .title {
     color: #EBEBD3;
     font-weight: 700;
     font-size: 1rem;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     text-transform:uppercase
 }

 .games-container .game .container-info-fav .info .data {
     font-size: 0.65em;
     color: #EBEBD3;
     text-transform: uppercase;
     font-weight: 300;
     margin-bottom: 10px;
 }

 .games-container .game .container-info-fav .favorite {
     position: relative;
     width: 20px;
     height: 20px;
     margin-bottom: 5px;
 }

 .games-container .game .container-info-fav .favorite:before {
     content: "\f004";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     color: #EBEBD3;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     font-size: 1.25rem;
 }

 .games-container .game .container-info-fav .favorite:hover:before {
     color: #ffffff;
 }

 .games-container .game .container-info-fav .favorite.active:before {
     content: "\f004";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     color: #1962ff;
     font-weight: bold;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .games-container .game .container-info-fav .favorite i {
     color: #2e2e2e;
 }

 .games-container .game .picture {
     text-align: center;
     position: relative;
     border-radius: 6px;
     overflow: hidden;
     height: auto;
     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;
 }

 .games-container .game .picture img {
     min-height: inherit;
     height: 100%;
     /*object-fit: cover;*/
     object-fit: fill;
     object-position: center;
     width: 100%;
     aspect-ratio: 3/2;  /* old version browser does not support this property */
 }

 .games-container .game .picture .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* background: linear-gradient(180deg, rgba(255,255,255,0) 38%, rgba(7,7,92,0.55) 65%, rgba(22,24,51,0.9) 100%); */
     -webkit-transition: background 0.5s ease;
     transition: background 0.5s ease;
     border-radius: 6px;
 }

 .games-container .game .picture .button {
     position: absolute;
     width: 100%;
     left: 0;
     text-align: center;
     opacity: 1;
     top: 35%;
     -webkit-transition: opacity .35s ease;
     transition: opacity .35s ease;
     visibility: hidden;
 }

 .games-container .game .picture .button a {
     text-align: center;
     z-index: 1;
 }

 .games-container .game.featured {
     position: relative;
     /* width: 100%;
             max-width: 100% !important; */
     -ms-grid-column-span: 2;
     grid-column-end: span 2;
 }

 .games-container .game.featured .container-info-fav {
     padding: 21px 22px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     /*  position: absolute; */
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: auto;
     /* background: transparent; */
 }

 .games-container .game.featured .container-info-fav .info .title {
     font-size: 1.5rem;
     margin-bottom: 15px;
 }

 .games-container .game.featured .container-info-fav .info .data {
     font-size: 0.75em;
     color: #d5d5d5d5;
 }

 .games-container .game.featured .container-info-fav .info .btn {
     padding: 6px 22px;
 }

 .games-container .game.featured .container-info-fav .favorite {
     margin-left: 18px;
 }

 .games-container .game.featured .container-info-fav .favorite i {
     color: #2e2e2e;
     font-size: 1.5rem;
 }

 .games-container .game.featured .picture {
     border-radius: 10px 10px 0 0;
     height: 100%;
     max-height: 325px;
 }

 .games-container .game.featured .picture .overlay {
     border-radius: 10px;
 }

 .games-container .game .btn-mobile {
     display: block;
     position: static;
     max-width: 110px;
     margin: 10px auto 0;
 }

 .games-container .game .btn-mobile .btn {
     padding: 9px 12px;
 }

 .games-category {
     display: flex;
     z-index: 20;
     padding: 5px 0;
     padding-top: 15px;
     justify-content: space-between;
     gap: 5px;
 }

 .games-category h3 {
     color: #ebebd3;
     font-size: 1rem;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 15px;
     margin: 0;
     display: flex;
     align-items: center;
     min-width: 85px;
 }

 .games-category .main-search {
     max-width: 415px;
     margin: 0 auto;
 }

 .games-category .main-search input {
     background: rgba(255,255,255,.2);
     border-radius: 7px 0 0 7px;
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.75);
 }

 .games-category .main-search input::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .games-category .main-search input::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .games-category .main-search input:-ms-input-placeholder {
     /* IE 10+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .games-category .main-search input:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .games-category .main-search .btn {
     padding: 0 20px;
     font-size: 0.85rem;
     border-radius: 0 7px 7px 0;
 }

 .games-category .showall {
     text-decoration: none;
     color: #ffffff;
     text-transform: normal;
     font-weight: bold;
     font-size: 1rem;
 }

 .games-category .showall .text {
     display: none;
 }

 .games-category .showall span {
     margin-left: 4px;
     color: #1962ff;
 }

 .games-category .showall i {
     color: #1962ff;
     margin-left: 5px;
 }

 .games-category .form-order {
     margin-top: 8px;
 }

 .promociones {
     padding: 80px 0;
 }

 .promociones .tabs-sticky {
     position: -webkit-sticky;
     position: sticky;
     top: 70px;
     z-index: 20;
 }

 .promociones h3 {
     color: #1962ff;
     margin-bottom: 40px;
 }

 .promociones .promo-tabs {
     background-color: #083D77;
     border-radius: 10px;
     overflow: hidden;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     border: none;
 }

 .promociones .promo-tabs .nav-item {
     width: auto;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin: 15px 5px;
     background: #c5c5c5;
 }

 .promociones .promo-tabs .nav-item:first-child {
     margin: 15px 5px 15px 15px;
 }

 .promociones .promo-tabs .nav-item:last-child {
     margin: 15px 15px 15px 5px;
 }

 .promociones .promo-tabs .nav-link {
     color: #545454;
     text-transform: uppercase;
     font-size: 0.8rem;
     text-decoration: none;
     font-weight: 900;
     padding: 14px 20px;
     display: block;
     position: relative;
     border: none;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .promociones .promo-tabs .nav-link.active {
     background-color: #1962ff;
     color: #6d6d6d;
 }

 .promociones .promo-content {
     color: #545454;
     margin-top: 30px;
 }

 .promociones .promo-content .tab-pane {
     background-color: #083D77;
     border-radius: 10px;
     padding: 20px 20px 20px 30px;
 }

 .promociones .promo-content .tab-pane.promos {
     background-color: transparent;
     padding: 0;
 }

 .promociones .promo-content .tab-pane.promos .item-promo {
     border-radius: 10px;
     max-width: 100%;
     overflow: hidden;
     display: block;
     position: relative;
     margin: 0 0 30px 0;
 }

 .promociones .promo-content .tab-pane.promos .item-promo img {
     width: 100%;
 }

 .promociones .promo-content .tab-pane.promos .item-promo .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
 }

 .promociones .promo-content .tab-pane.promos .item-promo .item-title {
     position: absolute;
     top: 45px;
     left: 30px;
     color: #ffffff;
     font-weight: 900;
     font-size: 1.5rem;
     text-transform: uppercase;
     max-width: 75%;
     line-height: 1;
     text-shadow: 1px 1px 19px #000000ba;
 }

 .promociones .promo-content .tab-pane.promos .item-promo .item-text {
     position: absolute;
     bottom: 75px;
     left: 30px;
     color: #ffffff;
     font-size: 0.75rem;
     max-width: 80%;
     margin: 0 auto;
 }

 .promociones .promo-content .tab-pane.promos .item-promo .item-link {
     position: absolute;
     bottom: 30px;
     left: 30px;
     color: #1962ff;
     font-size: 0.75rem;
     text-transform: uppercase;
     font-weight: 900;
 }

 .promociones .promo-content .tab-pane.promos .item-promo .item-link i {
     margin-left: 5px;
 }

 .promociones .promo-content h4 {
     font-weight: 900;
     font-size: 1.2rem;
     margin-bottom: 1rem;
 }

 .promociones .promo-content p {
     font-size: 0.85rem;
 }

 .retiro-container {
     background-color: #121212;
     padding: 50px;
     border-radius: 20px;
 }

 .retiro-container h3 {
     color: #1962ff;
     margin-top: 0;
 }

 .retiro-container p {
     color: #ffffff;
 }

 .retiro-container .form-horizontal label {
     color: rgba(255, 255, 255, 0.25);
     text-transform: uppercase;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     padding: 0;
 }

 .retiro-container .form-horizontal input,
 .retiro-container .form-horizontal textarea,
 .retiro-container .form-horizontal select {
     width: 100%;
     background-color: #2e2e2e;
 }

 .retiro-container .form-horizontal input::-webkit-input-placeholder,
 .retiro-container .form-horizontal textarea::-webkit-input-placeholder,
 .retiro-container .form-horizontal select::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .retiro-container .form-horizontal input::-moz-placeholder,
 .retiro-container .form-horizontal textarea::-moz-placeholder,
 .retiro-container .form-horizontal select::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .retiro-container .form-horizontal input:-ms-input-placeholder,
 .retiro-container .form-horizontal textarea:-ms-input-placeholder,
 .retiro-container .form-horizontal select:-ms-input-placeholder {
     /* IE 10+ */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .retiro-container .form-horizontal input:-moz-placeholder,
 .retiro-container .form-horizontal textarea:-moz-placeholder,
 .retiro-container .form-horizontal select:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(255, 255, 255, 0.25);
     text-transform: none;
 }

 .retiro-container .ped-retiro {
     position: relative;
 }

 .retiro-container .ped-retiro:after {
     content: "";
     position: absolute;
     bottom: 0;
     right: 5px;
     height: 85%;
     width: 2px;
     background: #67767d;
 }

 .retiro-container .documentos .file-upload-group .docstate {
     font-size: 0.7rem;
 }

 .retiro-container .documentos .inputfile + label span {
     border: 2px solid white !important;
     background-color: rgba(255, 255, 255, 0.72) !important;
     -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) inset !important;
     box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) inset !important;
     color: black !important;
     display: block;
     font-size: 14px;
     padding: 5px 10px;
     border-radius: 4px 0 0 4px;
     margin: 0;
 }

 .template-pages-text {
     background-color: #121212;
     padding: 50px;
     border-radius: 20px;
     margin: 50px 0;
 }

 .template-pages-text h1 {
     color: #1962ff;
     margin-top: 0;
 }

 .template-pages-text h4 {
     color: #1962ff;
 }

 .template-pages-text p {
     color: #ffffff;
     font-size: 0.85rem;
 }

 .template-pages-text a {
     color: #1962ff;
 }

 .template-pages-text ul {
     list-style-type: disc;
     margin-bottom: 1rem;
     padding-left: 1rem;
     margin-left: 1.5rem;
 }

 .template-pages-text ul li {
     color: #ffffff;
     font-size: 0.85rem;
 }

 .slots-pagination {
     background: #2e2e2e;
     overflow-x: auto;
     position: fixed;
     width: 100%;
     bottom: 0;
     z-index: 100;
 }

 .slots-pagination ul.pagination {
     overflow: hidden;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     -webkit-box-pack: start !important;
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
 }

 .slots-pagination .page-item {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
 }

 .slots-pagination .page-link {
     color: #083D77;
 }

 .slots-pagination .page-link:hover {
     background: #083D77;
     color: #ffffff !important;
     border-color: #2e2e2e;
 }

 .slots-pagination .page-link:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 /*Registracion
 ========================================*/
 .registro {
     background: #000000;
     padding: 90px 0 35px;
 }

 .registro .steps {
     background: #002b32;
 }

 .registro .steps .steps-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 20px 0;
     position: relative;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }

 .registro .steps .steps-container:after {
     content: '';
     width: 50%;
     height: 2px;
     top: 39px;
     background: #061f2f;
     position: absolute;
     z-index: 8;
 }

 .registro .steps .steps-container .step-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     color: #ffffff;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-preferred-size: 30%;
     flex-basis: 30%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .registro .steps .steps-container .step-item.active .number {
     background: #1962ff;
     border-color: #1962ff;
     color: #002b32;
 }

 .registro .steps .steps-container .step-item.active .text {
     color: #1962ff;
 }

 .registro .steps .steps-container .step-item .number {
     width: 40px;
     height: 40px;
     color: #ffffff;
     border: 3px solid #ffffff;
     border-radius: 100%;
     background: #002b32;
     font-size: 1rem;
     text-align: center;
     line-height: 40px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 15px;
     z-index: 10;
 }

 .registro .steps .steps-container .step-item .text {
     font-weight: 700;
     font-size: 0.65rem;
     text-align: center;
 }

 .registro .data {
     background: #20292f;
 }

 .registro .data .data-container {
     padding: 20px 0 40px;
 }

 .registro .data .data-container .data-title {
     color: #ffffff;
     font-size: 1.2rem;
     line-height: 1.5;
 }

 .registro .data .data-container .data-form .form-group .form-control {
     background-color: #2e2e2e;
     font-size: 0.85rem;
     color: #ffffff;
 }

 .registro .data .data-container .data-form .form-group .form-control:focus, .registro .data .data-container .data-form .form-group .form-control:hover {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(42, 255, 207, 0.3);
     box-shadow: 0 0 0 0.2rem rgba(42, 255, 207, 0.3);
 }

 .registro .data .data-container .data-form .form-group .form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #1962ff;
     text-transform: none;
 }

 .registro .data .data-container .data-form .form-group .form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: #1962ff;
     text-transform: none;
 }

 .registro .data .data-container .data-form .form-group .form-control:-ms-input-placeholder {
     /* IE 10+ */
     color: #1962ff;
     text-transform: none;
 }

 .registro .data .data-container .data-form .form-group .form-control:-moz-placeholder {
     /* Firefox 18- */
     color: #1962ff;
     text-transform: none;
 }

 .registro .data .data-container .data-form .form-group label {
     color: rgba(255, 255, 255, 0.75);
     font-size: 0.75rem;
     font-weight: 700;
 }

 .registro .data .data-container .data-form .btn-primary {
     margin-top: 2rem;
 }

 .registro .data .data-container .data-terms {
     background-color: #EBEBD3;
     border-radius: 15px;
     overflow-y: scroll;
     max-height: 45vh;
     padding: 20px 30px;
     margin-top: 25px;
 }

 .registro .data .data-container .data-terms h3 {
     font-size: 1.2rem;
     font-weight: 900;
     margin-bottom: 1rem;
     color: #4f4f4f;
 }

 .registro .data .data-container .data-terms p {
     font-size: 0.85rem;
     color: #4f4f4f;
 }

 .registro .data .data-container .data-terms::-webkit-scrollbar {
     width: 1em;
     background-color: #dbdbdb;
     border-radius: 0 20px 20px 0;
 }

 .registro .data .data-container .data-terms::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 }

 .registro .data .data-container .data-terms::-webkit-scrollbar-thumb {
     background-color: #9e9e9e;
     outline: 1px solid slategrey;
     border-radius: 15px;
 }

 .registro .data .data-container .data-check {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     color: #ffffff;
     margin: 20px 0;
 }

 .registro .data .data-container .data-check .form-check {
     font-size: 0.85rem;
     margin-bottom: 20px;
 }

 .registro .data .data-container .data-check .form-check:first-child {
     margin-right: 20px;
 }

 .registro .data .data-container .data-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin: 30px 0 10px 0;
 }

 .registro .data .data-container .data-buttons .btn-outline {
     margin-bottom: 20px;
 }

 .registro .data .data-container .data-thanks {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }

 .registro .data .data-container .data-thanks i {
     color: #ffffff;
     font-size: 4rem;
     margin-bottom: 30px;
 }

 .registro .data .data-container .data-thanks h2 {
     color: #ffffff;
     text-align: center;
     font-size: 1.55rem;
 }

 .registro .data .data-container .data-thanks h2 span {
     font-size: 3.25rem;
     color: #1962ff;
     display: block;
     line-height: 1;
 }

 .registro .data .data-container .data-thanks p {
     color: #ffffff;
     text-align: left;
     font-size: 0.7rem;
     margin: 25px auto 0;
     max-width: 250px;
 }

 .registro .mis-datos .data-container .data-title {
     color: #1962ff;
     font-size: 2rem;
 }

 .registro .mis-datos .data-container p {
     color: #ffffff;
 }

 .modal-open .modal {
     background-color: rgba(46,46,46,.8);
     z-index: 10000000000;
 }

 .modal-content {
     background-color: #121212;
     border-radius: 25px;
 }

 .modal-header {
     border-bottom: none;
     padding-bottom: 0;
 }

 .modal-header .close {
     text-shadow: none;
     color: #EBEBD3;
     font-size: 2rem;
 }

 .modal-body .form {
     padding: 10px 5px 30px;
 }

 .modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4 {
     color: #1962ff;
     text-align: center;
     margin-bottom: 20px;
 }

 .modal-body p {
     color: #ffffff;
     text-align: center;
 }

 .modal-footer {
     padding-top: 0;
     padding-bottom: 2rem;
     border: none;
 }

 .modal-footer .btn {
     margin: auto;
     display: block;
 }

 /*Modal Login
 ========================================*/
 #loginModal .modal-content, #registerModal .modal-content {
     max-width: 520px;
     margin: auto;
 }

 #loginModal .modal-header, #registerModal .modal-header {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 15px 15px 0;
     text-align: center;
 }

 #loginModal .modal-header img, #registerModal .modal-header img {
     margin: 0 auto;
 }

 #loginModal .modal-header .close, #registerModal .modal-header .close {
     font-weight: 100;
     color: #1962ff !important;
     opacity: 1 !important;
 }

 #loginModal .modal-header .modal-title, #registerModal .modal-header .modal-title {
     color: #EBEBD3;
     font-size: 1rem;
     font-weight: bold;
     margin-bottom: 12px;
     text-align: center;
     max-width: 280px;
     margin: 1rem auto;
 }

 #loginModal .modal-body .form, #registerModal .modal-body .form {
     padding: 10px 5px 10px;
     width: 100%;
     text-align: center;
 }

 #loginModal .modal-body .form .form-control, #registerModal .modal-body .form .form-control {
     margin-bottom: 20px !important;
     font-size: 1em;
 }

 #loginModal .modal-body .form a, #registerModal .modal-body .form a {
     font-size: 1rem;
 }

 #loginModal .modal-body .form .btn, #registerModal .modal-body .form .btn {
     width: 100%;
 }

 .close {
     font-weight: 100;
     color: #1962ff;
 }

 .input-container{
    position: relative;
 }

 .input-container img{
    width: 1rem;
    position: absolute;
    top: 50%;
    right: .8rem;
    transform: translateY(-50%);
 }

.password-container{
    position: relative;
 }

 .password-container img{
    width: 1.5rem;
    position: absolute;
    top: 50%;
    right: .8rem;
    transform: translateY(-50%);
 }

 .row .form-control{
    background-color: #2e2e2e;
 }

 /*Modal Preferences
 ========================================*/
 #preferences .modal-lg {
     max-width: 1134px;
 }

 #preferences .modal-header {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 15px 15px 0;
     text-align: center;
 }

 #preferences .modal-header .modal-title {
     color: #EBEBD3;
     font-size: 1rem;
     font-weight: bold;
     text-align: center;
     max-width: 75%;
     margin: 12px auto;
 }

 #preferences .modal-header .modal-title br {
     display: none;
 }

 #preferences .modal-header p {
     color: #EBEBD3;
     font-size: 1rem;
     text-align: center;
     margin: auto;
     display: none;
 }

 #preferences .modal-body {
     padding: 0 1rem;
 }

 #preferences .modal-body .col-md-3 {
     padding: 0;
 }

 #preferences .card-pref {
     border-radius: 20px;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 0;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     min-height: 200px;
 }

 #preferences .card-pref.home {
     background-image: url(../img/select-home.png);
 }

 #preferences .card-pref.deportivas {
     background-image: url(../img/select-deportivas.png);
 }

 #preferences .card-pref.casino {
     background-image: url(../img/select-casino.png);
 }

 #preferences .card-pref.casino-vivo {
     background-image: url(../img/select-casino-vivo.png);
 }

 #preferences .card-pref .icon {
     margin-bottom: 25px;
 }

 #preferences .card-pref .title {
     font-size: 1.5rem;
     line-height: 1;
     margin-bottom: 28px;
     font-weight: bold;
 }

 #preferences .card-pref .text {
     font-size: 0.85rem;
     line-height: 1;
     font-weight: lighter;
 }

 #preferences .card-pref .text span {
     font-weight: bold;
 }

 #preferences .card-pref .btn {
     width: 125px;
     border-radius: 10px;
     padding: 9px 0;
     font-size: 0.55rem;
 }

 #preferences .modal-footer {
     padding-bottom: 0;
 }

 #preferences .modal-footer .btn {
     color: #EBEBD3;
     text-transform: none;
     font-size: 0.7rem;
     font-weight: bold;
     padding: 20px 0;
 }

 #preferences .modal-footer .btn:hover {
     text-decoration: underline;
 }

 #preferences .modal-footer .btn i {
     margin-left: 5px;
     font-size: 1.2rem;
     vertical-align: middle;
 }

 /*Modal Game Open
 ========================================*/
 #game-open {
     overflow: hidden;
 }

 #game-open .modal-content {
     background: transparent;
     border: none;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
 }

 #game-open .modal-lg {
     max-width: 100%;
     margin: 0;
 }

 #game-open .modal-header {
     padding: 0;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     position: absolute;
     top: 15px;
     z-index: 999;
     right: 0;
 }

 #game-open .modal-header button {
     padding: 0 20px 10px;
 }

 #game-open .modal-header button img {
     width: 25px;
 }

 #game-open .modal-body {
     padding: 0;
     -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
     box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
 }

 #game-open .modal-body img {
     width: 100%;
 }

 #game-open .error-container {
     background: #121212;
     height: 100vh;
     overflow-y: scroll;
     padding-bottom: 100px;
 }

 #game-open .box-error {
     margin: auto;
     padding: 20px;
 }

 #game-open .box-error img {
     max-width: 190px;
 }

 .iframe-container{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

  #game-open iframe#iframe-games {
     height: 100vh;
     height: calc(var(--vh, 1vh) * 100);
     width: 100vw;
     overflow: hidden;
 }


 /* #game-open iframe#iframe-games {
     height: 100vh;
     width: 100vw;
     overflow: hidden;
 } */

 #game-open .loading-page {
     height: 100vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #121212;
     position: absolute;
     top: 0;
     width: 100%;
 }

 /*Modal Register
 ========================================*/
 #register {
     z-index: 9999;
 }

 #register .modal-lg {
     max-width: 600px;
 }

 #register .modal-header {
     background-image: url(../img/register.jpg);
     background-size: cover;
     background-color: #083D77;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 1rem;
     text-align: center;
     min-height: 200px;
 }

 #register .modal-header .close {
     color: #1962ff !important;
     font-weight: 100 !important;
     opacity: 1;
 }

 #register .modal-header .modal-title {
     color: #ffffff;
     font-size: 2rem;
     text-align: center;
 }

 #register .modal-header .modal-title br {
     display: none;
 }

 #register .modal-header p {
     color: #EBEBD3;
     font-size: 1rem;
     text-align: center;
     margin: auto;
     display: none;
 }

 #register .modal-body h3 {
     color: #ffffff;
     font-size: 1.4rem;
     margin-bottom: 1rem;
     text-align: left;
 }

 #register .form-large {
     padding: 0;
     margin-top: 1rem;
 }

 #register .form-large .form-group {
     margin-bottom: 0.5rem;
 }

 #register .form-large label {
     font-size: 0.8rem;
 }

 #register .modal-footer {
     padding: 1rem;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #ffffff;
 }

 /*Modal TERMS
 ========================================*/
 #terms {
     z-index: 9999;
 }

 #terms .modal-lg {
     max-width: 600px;
 }

 #terms .modal-header {
     background-color: #083D77;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 1rem;
     text-align: center;
 }

 #terms .modal-header .close {
     color: #1962ff !important;
     font-weight: 100 !important;
     opacity: 1;
 }

 #terms .modal-header .modal-title {
     color: #1962ff;
     font-size: 1rem;
     text-align: center;
     margin-top: -28px;
 }

 #terms .modal-header .modal-title br {
     display: none;
 }

 #terms .modal-body {
     padding: 2rem;
 }

 #terms .modal-body h3 {
     color: #ffffff;
     font-size: 1.4rem;
     font-weight: 900;
     margin-bottom: 1rem;
     text-align: center;
 }

 #terms .modal-body p {
     color: #ffffff;
     font-weight: 300;
     font-size: 0.85rem;
     text-align: left;
     margin: auto;
 }

 #terms .modal-footer {
     padding: 1rem;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #ffffff;
 }

 /*Header Game sin Modal
 ===============================*/
 .modal-header2 {
     padding: 0;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     position: absolute;
     top: 15px;
     z-index: 999;
     right: 15px;
     max-width: 67px;
 }

 .modal-header2 button {
     padding: 0 20px 10px;
 }

 .modal-header2 button img {
     width: 25px;
 }

 /*date picker
 ================================*/
 #ui-datepicker-div {
     display: none;
     background-color: #083D77;
     -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
     margin-top: 0.25rem;
     border-radius: 0.5rem;
     padding: 0.5rem;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 .ui-datepicker-calendar thead th {
     padding: 0.25rem 0;
     text-align: center;
     font-size: 0.75rem;
     font-weight: 400;
     color: #1962ff;
 }

 .ui-datepicker-calendar tbody td {
     width: 2.5rem;
     text-align: center;
     padding: 0;
 }

 .ui-datepicker-calendar tbody td a {
     display: block;
     border-radius: 0.25rem;
     line-height: 2rem;
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
     color: #1962ff;
     font-size: 0.875rem;
     text-decoration: none;
 }

 .ui-datepicker-calendar tbody td a:hover {
     background-color: #1962ff;
 }

 .ui-datepicker-calendar tbody td a.ui-state-active {
     background-color: #1962ff !important;
     color: #ffffff;
 }

 .ui-datepicker-header a.ui-corner-all {
     cursor: pointer;
     position: absolute;
     top: 0;
     width: 2rem;
     height: 2rem;
     margin: 0.5rem;
     border-radius: 0.25rem;
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
 }

 .ui-datepicker-header a.ui-corner-all:hover {
     background-color: #ECEFF1;
 }

 .ui-datepicker-header a.ui-datepicker-prev {
     left: 0;
     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
     background-repeat: no-repeat;
     background-size: 0.5rem;
     background-position: 50%;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .ui-datepicker-header a.ui-datepicker-next {
     right: 0;
     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
     background-repeat: no-repeat;
     background-size: 10px;
     background-position: 50%;
 }

 .ui-datepicker-header a > span {
     display: none;
 }

 .ui-datepicker-title {
     text-align: center;
     line-height: 2rem;
     margin-bottom: 0.25rem;
     font-size: 0.875rem;
     font-weight: 500;
     padding-bottom: 0.25rem;
     color: #1962ff;
 }

 .ui-datepicker-year {
     background-color: #083D77;
     color: #1962ff;
     padding: 5px;
     margin-left: 5px;
     border: none;
 }

 .ui-datepicker-week-col {
     color: #1962ff;
     font-size: 0.75rem;
     font-weight: 400;
 }

 /*Side Bar Filters
 ================================*/
 .sidebar-filters {
     background: #121212;
     -webkit-transform: translateX(-100vw);
     transform: translateX(-100vw);
     position: fixed;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     margin-top: 140px;
     z-index: 26;
     padding-top: 20px;
     height: 100vh;
     top: 48px;
     overflow: hidden;
 }

 .sidebar-filters.show {
     -webkit-transform: translateX(0vw);
     transform: translateX(0vw);
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 26;
     position: fixed;
     top: 48px;
 }

 .sidebar-filters .wrapper-filters {
     overflow-y: scroll;
     height: 100vh;
     padding-bottom: 300px;
 }

 .sidebar-filters .wrapper-filters .btn.filters {
     text-align: center !important;
     font-weight: 600 !important;
     width: 49%;
     border: 2px solid;
     margin-bottom: 1rem;
 }

 .sidebar-filters .wrapper-filters .btn.filters.close-filter {
     background: #792439;
     border-color: #792439;
     color: #000000;
 }

 .sidebar-filters .has-search {
     display: none;
 }

 .sidebar-filters .filter-inline {
     margin-bottom: 18px;
     position: relative;
 }

 .sidebar-filters .filter-inline .title {
     color: #ffffff;
     font-size: 1.2em;
     font-weight: 700;
     text-transform: uppercase;
     text-align: left;
     padding: 12px 0;
 }

 .sidebar-filters .filter-inline .form-check {
     max-width: 33%;
     margin: 0;
 }

 .sidebar-filters .filter-group {
     border-radius: 10px;
     background-color: #2e2e2e;
     margin-bottom: 18px;
     width: 100%;
 }

 .sidebar-filters .filter-group .card-header {
     padding: 0;
     border: none;
 }

 .sidebar-filters .filter-group .title-filter {
     color: #EBEBD3;
     font-size: 0.75em;
     text-transform: uppercase;
     background-color: #2e2e2e;
     font-weight: 700;
     border-bottom: 1px solid #EBEBD3;
     width: 100%;
     text-align: left;
     padding: 16px 15px 14px;
     position: relative;
     border-radius: 10px 10px  0 0;
 }

 .sidebar-filters .filter-group .title-filter:after {
     content: "\f106";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     right: 14px;
 }

 .sidebar-filters .filter-group .title-filter.collapsed {
     border-bottom: 1px solid transparent;
     border-radius: 10px;
 }

 .sidebar-filters .filter-group .title-filter.collapsed:after {
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     right: 14px;
 }

 .sidebar-filters .filter-group .card-body {
     padding: 25px;
 }

 .sidebar-filters .filter-group .filter-slots {
     display: inline-block;
     vertical-align: top;
     width: 48%;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     margin-bottom: 20px;
     color: #ffffff;
     cursor: pointer;
 }

 .sidebar-filters .filter-group .filter-slots:hover, .sidebar-filters .filter-group .filter-slots.active {
     opacity: 1;
     color: #1962ff;
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot, .sidebar-filters .filter-group .filter-slots.active .image-slot {
     border-color: #1962ff;
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.slots-clasicos, .sidebar-filters .filter-group .filter-slots.active .image-slot.slots-clasicos {
     background-image: url(../img/icons/slots-clasicos-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.slots-news, .sidebar-filters .filter-group .filter-slots.active .image-slot.slots-news {
     background-image: url(../img/icons/slots-news-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.slots-3d, .sidebar-filters .filter-group .filter-slots.active .image-slot.slots-3d {
     background-image: url(../img/icons/slots-3d-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.slots-jackspot, .sidebar-filters .filter-group .filter-slots.active .image-slot.slots-jackspot {
     background-image: url(../img/icons/slots-jackspot-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.slots-video, .sidebar-filters .filter-group .filter-slots.active .image-slot.slots-video {
     background-image: url(../img/icons/slots-video-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.best-games, .sidebar-filters .filter-group .filter-slots.active .image-slot.best-games {
     background-image: url(../img/icons/best-games-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.ruleta, .sidebar-filters .filter-group .filter-slots.active .image-slot.ruleta {
     background-image: url(../img/icons/ruleta-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.blackjack, .sidebar-filters .filter-group .filter-slots.active .image-slot.blackjack {
     background-image: url(../img/icons/blackjack-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.poker, .sidebar-filters .filter-group .filter-slots.active .image-slot.poker {
     background-image: url(../img/icons/poker-side-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.baccarat, .sidebar-filters .filter-group .filter-slots.active .image-slot.baccarat {
     background-image: url(../img/icons/baccarat-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.concurso, .sidebar-filters .filter-group .filter-slots.active .image-slot.concurso {
     background-image: url(../img/icons/concurso-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.otros, .sidebar-filters .filter-group .filter-slots.active .image-slot.otros {
     background-image: url(../img/icons/otros-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-slot.bingo, .sidebar-filters .filter-group .filter-slots.active .image-slot.bingo {
     background-image: url(../img/icons/bingo-active.svg);
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-proveedor, .sidebar-filters .filter-group .filter-slots.active .image-proveedor {
     border: 1px solid #1962ff;
 }

 .sidebar-filters .filter-group .filter-slots:hover .image-proveedor img, .sidebar-filters .filter-group .filter-slots.active .image-proveedor img {
     width: 100%;
 }

 .sidebar-filters .filter-group .filter-slots .image-slot {
     text-align: center;
     width: 46px;
     height: 46px;
     line-height: 46px;
     margin: auto;
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.slots-clasicos {
     background-image: url(../img/icons/slots-clasicos.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.slots-news {
     background-image: url(../img/icons/slots-news.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.slots-3d {
     background-image: url(../img/icons/slots-3d.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.slots-jackspot {
     background-image: url(../img/icons/slots-jackspot.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.slots-video {
     background-image: url(../img/icons/slots-video.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.best-games {
     background-image: url(../img/icons/best-games.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.ruleta {
     background-image: url(../img/icons/ruleta.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.blackjack {
     background-image: url(../img/icons/blackjack.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.poker {
     background-image: url(../img/icons/poker-side.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.baccarat {
     background-image: url(../img/icons/baccarat.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.concurso {
     background-image: url(../img/icons/concurso.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.otros {
     background-image: url(../img/icons/otros.svg);
 }

 .sidebar-filters .filter-group .filter-slots .image-slot.bingo {
     background-image: url(../img/icons/bingo.svg);
 }

 .sidebar-filters .filter-group .filter-slots .title-slot {
     font-size: 0.75em;
     text-align: center;
     margin-top: 14px;
 }

 .sidebar-filters .filter-group .filter-slots .image-proveedor {
     /*background-color: #121212;*/
     border-radius: 6px;
     border: 1px solid #121212;
     padding: 5px 10px;
 }

 .sidebar-filters .filter-group .filter-slots .image-proveedor img {
     width: 100%;
 }

 .sidebar-filters .container-buttons {
     margin-top: 22px;
 }

 .sidebar-filters .container-buttons .select {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     font-size: 0.75rem;
     padding: 15px 15px 13px;
     margin-bottom: 10px;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 7px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     color: #EBEBD3;
     background-color: #2e2e2e;
 }

 .sidebar-filters .container-buttons .select.active, .sidebar-filters .container-buttons .select:hover {
     background: #1962ff;
     color: #121212;
     border-color: #1962ff;
 }

 .sidebar-filters .container-buttons .select.active .icon.all, .sidebar-filters .container-buttons .select:hover .icon.all {
     background-image: url(../img/icons/all-games-active.svg);
 }

 .sidebar-filters .container-buttons .select.active .icon.recent, .sidebar-filters .container-buttons .select:hover .icon.recent {
     background-image: url(../img/icons/recent-games-active.svg);
 }

 .sidebar-filters .container-buttons .select.active .icon.fav, .sidebar-filters .container-buttons .select:hover .icon.fav {
     background-image: url(../img/icons/fav-games-active.svg);
 }

 .sidebar-filters .container-buttons .select:last-child {
     margin-bottom: 20px;
 }

 .sidebar-filters .container-buttons .select.clear {
     color: #ffffff;
     border-color: #ffffff;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: transparent;
     border: 1px solid #ffffff;
 }

 .sidebar-filters .container-buttons .select .title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .sidebar-filters .container-buttons .select .icon {
     width: 18px;
     height: 18px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     margin-right: 11px;
 }

 .sidebar-filters .container-buttons .select .icon.all {
     background-image: url(../img/icons/all-games.svg);
 }

 .sidebar-filters .container-buttons .select .icon.recent {
     background-image: url(../img/icons/recent-games.svg);
 }

 .sidebar-filters .container-buttons .select .icon.fav {
     background-image: url(../img/icons/fav-games.svg);
 }

 .show-filter {
     border-radius: 10px;
     margin: 20px 0 10px;
 }

 .close-filter {
     color: #1962ff;
     font-weight: 100 !important;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: transparent;
     opacity: 1;
 }

 /*Botones Home Ver Casino*/
 .content-show-games {
     background: #121212;
     padding: 20px 0 60px;
 }

 .content-show-games .show-games {
     margin: 10px 0;
     width: 100%;
     padding-bottom: 12px;
     padding-top: 12px;
     text-transform: none;
     font-size: 0.75rem;
     text-transform: uppercase;
 }

 /*Games Main Masonry
 ================================*/
 .games-main {
     /* background: #121212; */
     /* padding-top: 140px; */
     /* background: #121212; */
     /* padding-top: 150px; */
 }

 /*Estilos HOME PAGE
 ================================*/
 .home .main {
     padding-bottom: 0;
 }

 .home .games-container {
     margin-bottom: 0;
 }

 /*CASINO VIVO
 ================================*/
 .tabs-casino-vivo {
     background-color: #0B0D1A;
     margin: 0 -15px;
     padding-top: 20px;
 }

 .tabs-casino-vivo .nav-tabs {
     border: none;
     -ms-flex-pack: distribute;
     justify-content: space-around;
 }

 .tabs-casino-vivo .nav-tabs .nav-link {
     border-radius: 4px 4px 0 0;
     padding: 5px 8px;
     background-color: #121212;
     font-size: 0.75rem;
     min-width: 18%;
     width: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     /* margin-right: 3px; */
 }

 .tabs-casino-vivo .nav-tabs .nav-link .number {
     font-weight: bold;
     display: none;
 }

 .tabs-casino-vivo .nav-tabs .nav-link.active {
     background-color: #083D77;
     border: none;
     color: #1962ff;
 }

 .tabs-casino-vivo .tab-content {
     background: #083D77;
     padding: 30px 15px;
 }

 .tabs-casino-vivo .card-casino-vivo {
     position: relative;
     overflow: hidden;
     border-radius: 6px;
     display: block;
     margin-bottom: 30px;
 }

 .tabs-casino-vivo .card-casino-vivo .imagen {
     position: relative;
 }

 .tabs-casino-vivo .card-casino-vivo .imagen img {
     width: 100%;
 }

 .tabs-casino-vivo .card-casino-vivo .imagen .overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38%, rgba(7, 7, 92, 0.55) 65%, rgba(16, 18, 39, 0.9) 100%); */
     top: 0;
     border-radius: 6px;
 }

 .tabs-casino-vivo .card-casino-vivo .container-text {
     position: absolute;
     bottom: 18px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     padding: 0 25px;
 }

 .tabs-casino-vivo .card-casino-vivo .container-text .text {
     color: #EBEBD3;
 }

 .tabs-casino-vivo .card-casino-vivo .container-text .text .title {
     font-size: 1.15rem;
     font-weight: 700;
 }

 .tabs-casino-vivo .card-casino-vivo .container-text .text .data {
     font-size: 0.75rem;
     text-transform: uppercase;
 }

 .tabs-casino-vivo .card-casino-vivo .container-text .btn {
     width: auto;
 }

 /*CASINO y CASINO CLASICO
 ================================*/
 .tabs-casino {
     background-color: #121212;
     margin: 0;
     padding-top: 20px;
 }

 .tabs-casino .nav-tabs {
     border: none;
     -ms-flex-pack: distribute;
     justify-content: space-around;
 }

 .tabs-casino .nav-tabs .nav-link {
     border-radius: 4px 4px 0 0;
     padding: 5px 8px;
     background-color: #121212;
     font-size: 0.75rem;
     min-width: 18%;
     width: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     /* margin-right: 3px; */
 }

 .tabs-casino .nav-tabs .nav-link .number {
     font-weight: bold;
     display: none;
 }

 .tabs-casino .nav-tabs .nav-link.active {
     background-color: #083D77;
     border: none;
     color: #1962ff;
 }

 .tabs-casino .tab-content {
     background: #083D77;
     padding: 30px 15px;
 }

 .tabs-casino .card-casino-vivo {
     position: relative;
     overflow: hidden;
     border-radius: 20px;
     display: block;
     margin-bottom: 30px;
 }

 .tabs-casino .card-casino-vivo .imagen {
     position: relative;
 }

 .tabs-casino .card-casino-vivo .imagen img {
     width: 100%;
 }

 .tabs-casino .card-casino-vivo .imagen .overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38%, rgba(7, 7, 92, 0.55) 65%, rgba(16, 18, 39, 0.9) 100%); */
     top: 0;
     border-radius: 20px;
 }

 .tabs-casino .card-casino-vivo .container-text {
     position: absolute;
     bottom: 18px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     padding: 0 25px;
 }

 .tabs-casino .card-casino-vivo .container-text .text {
     color: #EBEBD3;
 }

 .tabs-casino .card-casino-vivo .container-text .text .title {
     font-size: 1.15rem;
     font-weight: 700;
 }

 .tabs-casino .card-casino-vivo .container-text .text .data {
     font-size: 0.75rem;
     text-transform: uppercase;
 }

 .tabs-casino .card-casino-vivo .container-text .btn {
     width: auto;
 }

 /*Deportes
 ================================*/
 .deportes {
     background: #000000;
 }

 .deportes .iframe {
     background: #121212;
     position: fixed;
     top: 200px;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .deportes .iframe iframe {
     height: 100%;
     width: 100%;
 }

 .deportes-mobile {
     background: #d6d6d6;
 }

 .deportes-mobile .iframe {
     background: #d6d6d6;
     position: fixed;
     top: 11px;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .deportes-mobile .iframe iframe {
     height: 100%;
     width: 100%;
 }

 .deportes-mobile header .game-filters {
     display: none;
 }

 /*PAGINAS ERROR 404
 ========================================*/
 .error {
     background: #121212;
 }

 .error .error-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 0 80px;
     overflow-y: auto;
     height: 100vh;
 }

 .error .error-container .box-error {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     max-width: 80%;
     margin-top: 70px;
 }

 .error .error-container .box-error img {
     margin-bottom: 40px;
     max-width: 150px;
 }

 .error .error-container .box-error h3 {
     text-transform: uppercase;
     color: #66728F;
     font-weight: 700;
     font-size: 1.65rem;
     letter-spacing: 2px;
     margin-bottom: 16px;
     text-align: center;
 }

 .error .error-container .box-error p {
     color: #EBEBD3;
     font-size: 1rem;
     margin-bottom: 18px;
     text-align: center;
 }

 .error .error-container .box-error p br {
     display: none;
 }

 .error .error-container .box-error .btn {
     padding: 6px 40px;
 }

 .error .error-container .box-error .btn:hover {
     background: #1962ff;
     color: #121212;
     border-color: #1962ff;
 }

 /*Historial de cuenta
 ================================*/
 .panel-body h3 {
     color: #ffffff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .panel-body h3 .btn {
     max-width: 45%;
     font-size: 0.65rem;
     padding: 12px 0;
     margin: 5px;
 }

 .panel-body .btn-info {
     color: #ffffff;
     background-color: #083D77;
     border-color: #083D77;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .panel-body .btn-info:hover {
     background-color: #1962ff;
     color: #083D77;
     border-color: #1962ff;
 }

 .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
     background-color: #1962ff;
     color: #083D77;
     border-color: #1962ff;
 }

 .panel.panel-default.historial .awe-datepicker-field input[type="text"].awe-display {
     background-color: #083D77 !important;
     font-size: 1rem !important;
     color: #ffffff !important;
     border-color: #383c61 !important;
 }

 .panel.panel-default.historial .form-inline {
     margin: 30px 0 !important;
 }

 .panel.panel-default.historial .form-inline .form-group {
     margin-right: 20px !important;
 }

 .panel.panel-default.historial .awe-btn.awe-dpbtn {
     background-color: #1962ff !important;
     border-color: #383c61 !important;
     background-image: none !important;
 }

 .panel.panel-default.historial select#operationType {
     background: #083D77 !important;
     color: #ffffff !important;
     padding: 5px 10px !important;
     border-color: #383c61 !important;
 }

 .panel.panel-default.historial .awe-grid {
     border: 1px solid #000000 !important;
     border-radius: 2px !important;
     background: #083D77 !important;
     color: #1962ff !important;
 }

 .panel.panel-default.historial .awe-col {
     padding: 0.5em !important;
     color: #1962ff !important;
     line-height: 26px !important;
     font-weight: 600 !important;
     background: #083D77 !important;
     text-shadow: none !important;
 }

 .panel.panel-default.historial .awe-ltr .awe-hrow td, .panel.panel-default.historial .awe-ltr .awe-row td, .panel.panel-default.historial .awe-ltr .awe-gfoot td, .panel.panel-default.historial .awe-ltr .awe-ghead td {
     border-right: 1px solid #000000 !important;
 }

 .panel.panel-default.historial .awe-mcontent {
     position: relative !important;
     color: #121212 !important;
 }

 .panel.panel-default.historial .awe-grid .awe-footer .awe-btn {
     background: #1962ff !important;
     border-color: #1962ff !important;
     color: #083D77 !important;
     text-shadow: none !important;
 }

 .panel.panel-default.historial .oitem.focus {
     background-color: #1962ff !important;
     color: #083D77;
 }

 .panel.panel-default.historial .oitem.selected.focus {
     background-color: #1962ff !important;
     color: #083D77 !important;
 }

 /*Poker
 ================================*/
 .poker-container .banner-poker {
     margin: 0 -15px;
 }

 .poker-container .banner-poker img {
     width: 100%;
 }

 .poker-container .banner-poker img.desk {
     display: none;
 }

 .poker-container .intro-text {
     color: #ffffff;
     padding: 20px 22px;
 }

 .poker-container .intro-text h4 {
     text-transform: uppercase;
     font-size: 0.85rem;
     font-weight: 700;
     margin-bottom: 15px;
 }

 .poker-container .intro-text h2 {
     font-size: 1.65rem;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .poker-container .intro-text p {
     font-size: 0.75rem;
     margin-bottom: 28px;
 }

 .registro-text {
     padding: 20px 22px;
 }

 .registro-text p {
     color: #EBEBD3;
     font-size: 1.5rem;
     font-weight: 700;
     position: relative;
     margin-bottom: 25px;
 }

 .registro-text p br {
     display: none;
 }

 .registro-text p span {
     color: #1962ff;
     font-weight: normal;
 }

 .registro-text p:first-child {
     margin-bottom: 50px;
 }

 .registro-text p:first-child::after {
     position: absolute;
     height: 2px;
     width: 100%;
     background-color: #121212;
     content: '';
     bottom: -25px;
     left: 0;
     width: 65%;
 }

 .registro-text .btn-download {
     background: transparent;
     border: 1px solid #1962ff;
     color: #1962ff;
     text-transform: uppercase;
     margin-bottom: 20px;
     display: block;
     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;
     max-width: 350px;
     padding: 8px 20px;
 }

 .registro-text .btn-download .icon {
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     margin-right: 15px;
     width: 50px;
     height: 50px;
     display: inline-block;
 }

 .registro-text .btn-download .icon.pc {
     background-image: url(../img/icons/pc-icon.svg);
 }

 .registro-text .btn-download .icon.android {
     background-image: url(../img/icons/android.svg);
 }

 .registro-text .btn-download:hover {
     background-color: #1962ff !important;
 }

 .registro-text .btn-download:hover .icon.pc {
     background-image: url(../img/icons/pc-icon-azul.svg);
 }

 .registro-text .btn-download:hover .icon.android {
     background-image: url(../img/icons/android-azul.svg);
 }

 .experiencia-eko {
     background: #2e2e2e;
     color: #ffffff;
     padding: 44px 20px 58px;
 }

 .experiencia-eko h3 {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 1.5rem;
     margin: 0 0 40px 0;
 }

 .experiencia-eko .step {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin: 0 0 20px 0;
 }

 .experiencia-eko .step .picture {
     margin-right: 30px;
     margin-bottom: 15px;
 }

 .experiencia-eko .step p {
     margin: 0;
     color: #ffffff;
 }

 /*Modal Poker Register
 ========================================*/
 #registerPokerModal .modal-content {
     background-color: #083D77;
 }

 #registerPokerModal .modal-header {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 34px 28px 0 36px;
 }

 #registerPokerModal .modal-header .modal-title {
     color: #1962ff;
     text-transform: uppercase;
     font-size: 1rem;
     font-weight: bold;
     margin-bottom: 12px;
     margin-bottom: 25px;
 }

 #registerPokerModal .modal-header p {
     color: #EBEBD3;
     font-size: 1.15rem;
 }

 #registerPokerModal .modal-header .close {
     position: absolute;
     top: 20px;
     right: 20px;
     font-weight: 100;
 }

 #registerPokerModal .modal-body {
     padding: 0 28px 36px 36px;
 }

 #registerPokerModal .modal-body .form {
     width: 100%;
 }

 #registerPokerModal .modal-body .form .form-group {
     margin-bottom: 40px;
 }

 #registerPokerModal .modal-body .form label {
     color: #ffffff;
 }

 #registerPokerModal .modal-body .form .form-control {
     padding: 23px 20px;
     background-color: #2e2e2e;
     color: #EBEBD3;
     font-size: 0.85rem;
 }

 #registerPokerModal .modal-body .form a {
     font-size: 0.85rem;
 }

 #registerPokerModal .modal-body .form .btn {
     width: 100%;
 }

 /*Modal Donwload Poker
 ========================================*/
 #downloadPoker .modal-content {
     background-color: #083D77;
 }

 #downloadPoker .modal-header {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 34px 28px 0 36px;
 }

 #downloadPoker .modal-header .modal-title {
     color: #1962ff;
     text-transform: uppercase;
     font-size: 1rem;
     font-weight: bold;
     margin-bottom: 12px;
     margin-bottom: 25px;
 }

 #downloadPoker .modal-header p {
     color: #EBEBD3;
     font-size: 1.15rem;
 }

 #downloadPoker .modal-header .close {
     position: absolute;
     top: 20px;
     right: 20px;
     font-weight: 100;
     z-index: 999;
 }

 #downloadPoker .modal-body {
     padding: 0 28px 36px 36px;
 }

 #downloadPoker .modal-body p {
     text-align: left;
     font-size: 1.5rem;
 }

 #downloadPoker .modal-body .registro-text p span {
     display: block;
     margin-top: 25px;
 }

 #downloadPoker .modal-body .registro-text p:first-child::after {
     width: 100%;
 }

 #downloadPoker .modal-body .registro-text p:nth-child(2) {
     font-size: 1rem;
     font-weight: normal;
     margin-bottom: 30px;
 }

 /*Modal Donwload Poker
 ========================================*/
 iframe#iframe-games .error .error-container {
     padding: 0;
 }

 /*Cerra Apuestas
 ================================*/
 .cerrar-apuestas .container {
     margin: 30px auto;
     background-color: #083D77;
     padding: 20px;
     border-radius: 20px;
     color: #ffffff;
 }

 .cerrar-apuestas .container h2 {
     color: #1962ff;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 30px;
     font-size: 1.75rem;
 }

 .cerrar-apuestas .container h3 {
     color: #ffffff;
     text-transform: uppercase;
     margin-bottom: 15px;
     margin-top: 50px;
     font-size: 1.5rem;
 }

 /*Combinadas
 ================================*/
 .combinadas .container {
     margin: 30px auto;
     background-color: #083D77;
     padding: 20px;
     border-radius: 20px;
     color: #ffffff;
 }

 .combinadas .container h1 {
     text-transform: uppercase;
     color: #ffffff;
     font-weight: 700;
     padding-bottom: 15px;
     border-bottom: 2px solid #ffffff;
     font-size: 1.25rem;
 }

 .combinadas .container h2 {
     color: #1962ff;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 15px;
     font-size: 1.45rem;
 }

 .combinadas .container h3 {
     color: #ffffff;
     text-transform: uppercase;
     margin-bottom: 15px;
     margin-top: 50px;
     font-size: 1.5rem;
 }

 .combinadas .container .subtitle {
     font-size: 1.15rem;
 }

 .combinadas .container img {
     width: 100%;
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .combinadas .container img.visible-desktop-tablet {
     display: none;
 }

 .combinadas .container img.visible-mobile {
     display: block;
 }

 .combinadas .container ul {
     list-style-position: inside;
 }

 .combinadas .container ul li {
     padding: 10px 0;
     list-style-type: lower-latin;
 }

 .combinadas .container .table {
     margin: 20px 0;
     color: #ffffff;
     border: 1px solid #ffffff;
     background: #121212;
 }

 .combinadas .container .btn {
     margin: 20px auto;
     display: block;
     font-size: 1rem;
 }

 /*Reglas Deporte
 ================================*/
 .reglas-deportes .container-fluid {
     margin: 30px auto;
     padding: 20px;
     color: #ffffff;
     overflow: hidden;
 }

 .reglas-deportes .container-fluid h1 {
     text-transform: uppercase;
     color: #ffffff;
     font-weight: 700;
     padding-bottom: 15px;
     border-bottom: 2px solid #ffffff;
     font-size: 1.25rem;
     margin-bottom: 50px;
 }

 .reglas-deportes .container-fluid h2 {
     color: #1962ff;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 15px;
     font-size: 1.45rem;
     margin-top: 50px;
 }

 .reglas-deportes .container-fluid h2:first-child {
     margin-top: 0;
 }

 .reglas-deportes .container-fluid h3 {
     color: #ffffff;
     text-transform: uppercase;
     margin-bottom: 15px;
     margin-top: 50px;
     font-size: 1.5rem;
 }

 .reglas-deportes .container-fluid .subtitle {
     font-size: 1.15rem;
 }

 .reglas-deportes .container-fluid img {
     width: 100%;
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .reglas-deportes .container-fluid img.visible-desktop-tablet {
     display: none;
 }

 .reglas-deportes .container-fluid img.visible-mobile {
     display: block;
 }

 .reglas-deportes .container-fluid ul {
     display: block;
     list-style-type: disc;
     -webkit-margin-before: 1em;
     margin-block-start: 1em;
     -webkit-margin-after: 1em;
     margin-block-end: 1em;
     -webkit-margin-start: 0px;
     margin-inline-start: 0px;
     -webkit-margin-end: 0px;
     margin-inline-end: 0px;
     -webkit-padding-start: 40px;
     padding-inline-start: 40px;
 }

 .reglas-deportes .container-fluid .table {
     margin: 20px 0;
     color: #ffffff;
     border: 1px solid #ffffff;
     background: #083D77;
     text-align: center;
     display: block;
     overflow-x: auto;
 }

 .reglas-deportes .container-fluid .btn {
     margin: 20px auto;
     display: block;
     font-size: 1rem;
 }

 .reglas-deportes .container-fluid p strong {
     color: #ffffff;
 }

 .reglas-deportes .container-fluid p a {
     text-decoration: underline;
     color: #1962ff;
 }

 .reglas-deportes .container-fluid .indice-container ul {
     list-style: none;
     padding: 0;
     background: #083D77;
     padding: 10px 0;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 .reglas-deportes .container-fluid .indice-container ul li {
     background: #1962ff;
     margin: 15px 15px 15px 0;
     color: #083D77;
     border-radius: 6px;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin: 15px;
 }

 .reglas-deportes .container-fluid .indice-container ul li a {
     color: #083D77;
     text-decoration: none;
     padding: 10px 20px;
     display: block;
     font-weight: 700;
     text-transform: uppercase;
 }

 #banners {
     margin: 5rem auto;
 }

 .no-grow {
     -webkit-box-flex: 0 !important;
     -ms-flex-positive: 0 !important;
     flex-grow: 0 !important;
 }

 .home-banners {
     font-weight: 900;
     font-size: 1.3rem;
     line-height: 1;
     color: #ffffff;
     text-transform: uppercase;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .home-banners > div > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 1rem;
     border-radius: 0.5rem;
     height: 15rem;
 }

 .sports {
     background-image: url(../img/banner-sports.jpg);
     background-size: cover;
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
 }

 .live-sports {
     background-image: url(../img/banner-livesports-big.jpg);
     background-size: cover;
     background-position: right center;
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }

 .live-sports .card-btn {
     font-size: 1rem;
     color: #1962ff;
 }

 .live-sports .card-btn:hover {
     color: #792439;
 }

 .virtuals {
     background-image: url(../img/banner-virtuals.jpg);
     background-size: cover;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
 }

 .slots-games {
     background-image: url(../img/banner-slotsgames.jpg);
     background-size: cover;
     -webkit-box-ordinal-group: 5;
     -ms-flex-order: 4;
     order: 4;
 }

 .live-casino {
     /*background-image: url(../img/banner-livecasino.jpg);*/
     background-size: cover;
     -webkit-box-ordinal-group: 6;
     -ms-flex-order: 5;
     order: 5;
 }

 .home-banners-small {
     font-weight: 900;
     font-size: 1.2rem;
     line-height: 1;
     color: #ffffff;
     text-transform: uppercase;
 }

 .home-banners-small .btn {
     float: right;
     font-size: 1rem;
 }

 .home-banners-small .card-btn {
     font-size: 1rem;
     color: #1962ff;
 }

 .home-banners-small .card-btn:hover {
     color: #792439;
 }

 .home-banners-small .bonus {
     background-image: url(../img/banner-bonus.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 2rem 1rem;
     border-radius: 0.5rem;
 }

 .home-banners-small .bonus .btn {
     font-size: 1rem;
     padding: 0.25rem 1rem;
 }

 .home-banners-small .bonus > div {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .home-banners-small .live-sports-small {
     background-image: url(../img/banner-livesports.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: right center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 2rem 1rem;
     border-radius: 0.5rem;
 }

 .home-banners-small .bitcoin img {
     width: 100%;
     border-radius: 0.5rem;
 }

 #news {
     margin: 5rem auto;
     color: #ffffff;
 }

 #news .section-title {
     color: #792439;
     font-weight: 600;
 }

 #news .card {
     background: #083D77;
 }

 #news .card .card-title {
     font-weight: 600;
     font-size: 1.5rem;
     color: #ffffff;
 }

 #news .card .card-text {
     font-size: 0.9rem;
     color: #ffffff;
 }

 #news .card .card-btn {
     text-transform: uppercase;
     color: #1962ff;
     font-weight: 600;
     font-size: 0.8rem;
 }

 #news .card .card-btn:hover {
     color: #792439;
 }

 #news .owl-theme .owl-nav {
     display: none;
 }

 #news .owl-dot span {
     background: transparent;
     border: 1px solid #1962ff;
 }

 #news .owl-theme .owl-dots .owl-dot.active span, #news .owl-theme .owl-dots .owl-dot:hover span {
     background: #1962ff;
     border: 1px solid #1962ff;
 }

 .topbar {
     display: none !important;
     background-color: #083D77;
     color: #ffffff;
     font-size: 0.8rem;
     padding: 0.5rem;
 }

 .topbar a {
     color: #ffffff;
 }

 .topbar a:hover {
     color: #1962ff;
 }

 .topbar .top-middle {
     margin: 0 2rem;
 }

 .topbar .social-icon {
     height: 1rem;
     width: auto;
     margin-top: -0.2rem;
 }

 .color-accent {
     color: #1962ff;
 }

 .color-white {
     color: #ffffff;
 }

 #FormSignup {
     background: #121212;
 }

 /*Modal Donwload Poker Nuevo
 ========================================*/
 #poker-modal .modal-content {
     background-color: #121212;
     max-width: 600px;
     margin: 0 auto;
 }

 #poker-modal .modal-header {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 34px 28px 0 36px;
 }

 #poker-modal .modal-header p {
     color: #EBEBD3;
     font-size: 1.15rem;
 }

 #poker-modal .modal-header .close {
     position: absolute;
     top: 20px;
     right: 30px;
     font-weight: 600;
     z-index: 999;
     color: #1962ff;
 }

 #poker-modal .modal-body {
     padding: 1rem;
     max-width: 80%;
     margin: 0 auto;
 }

 #poker-modal .modal-body h1 {
     color: rgba(255, 255, 255, 0.7);
     font-size: 3rem;
     font-weight: 700;
     text-transform: none;
 }

 #poker-modal .modal-body h4 {
     color: rgba(255, 255, 255, 0.7);
     font-size: 1.25rem;
     font-weight: 500;
     text-transform: none;
 }

 #poker-modal .modal-body .btn {
     font-size: 1rem;
     letter-spacing: 1px;
 }

 #poker-modal .modal-body .btn i {
     font-size: 125%;
     margin-right: 10px;
 }

 #poker-modal .modal-body .poker-app-download {
     margin: 2rem auto;
     border-top: solid 1px rgba(255, 255, 255, 0.75);
     padding: 2rem 1rem;
 }

 /* -----------------------------------------------------
     LAYOUT DESKTOP
 -------------------------------------------------------- */
 @media (min-width: 768px) {
     /*Buttons
     ========================================*/
     .btn {
         width: auto;
     }
     /*Nav Bar
     ========================================*/
     header {
         position: relative;
     }
     .main-nav {
         background: #121212;
         padding: 0 10px;
     }

     .navbar-brand img {
         max-width: 114px;
     }
     .user-nav .container {
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .user-nav .pass-container {
         position: relative;
         width: auto;
     }
     .user-nav .pass {
         /* font-size: 0.85rem;
             text-decoration: none;
             font-weight: 900; */
         font-size: 0.65rem;
         text-decoration: none;
         display: inline-block;
         position: absolute;
         bottom: -22px;
         resize: 11px;
         left: 0px;
     }
     .user-nav .pass:hover {
         color: #ffffff;
         opacity: 0.8;
     }
     .user-nav .form-inline {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
     .user-nav .btn {
         padding: 5.5px 20px;
         font-size: 0.75rem;
         border-radius: 6px;
     }
     .user-nav .btn-primary {
         position: relative;
         /* Oculto linea divisoria entre btn ingresar y registrarme
             &:after {
                 content: '';
                 height: 100%;
                 width: 3px;
                 background: $white;
                 position: absolute;
                 top: 0;
                 right: -15px;
             }
             */
     }
     .user-nav-login {
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         margin: 0;
     }
     .user-nav-login .data-user-games {
         color: #ffffff;
         font-size: 0.7rem;
         text-transform: uppercase;
         margin-right: 5px;
         position: relative;
         padding: 0 15px;
         margin-top: 0;
         margin-bottom: 0;
         max-width: initial;
     }
     .user-nav-login .data-user-games:first-child:after {
         content: '';
         position: absolute;
         height: 60%;
         width: 1px;
         right: -2.5px;
         background-color: #ffffff;
         top: 50%;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
     }
     .user-nav-login .data-user-games .number {
         font-weight: 900;
         margin-left: 5px;
     }
     .user-nav-login .btn-primary {
         margin: 0 20px;
         padding: 4px 20px;
         font-size: 0.7rem;
         border-radius: 6px;
     }
     .user-nav-login .user-info {
         margin-top: 0;
         margin-left: 20px;
     }
     .user-nav-login .user-info .avatar {
         width: 32px;
         height: 32px;
         text-align: center;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-right: 10px;
     }
     .user-nav-login .user-info .avatar img {
         -o-object-fit: cover;
         object-fit: cover;
         height: 100%;
     }
     .user-nav-login .user-info .avatar i {
         font-size: 1.8rem;
     }
     .user-nav-login .user-info .btn-user {
         color: #ffffff;
         background-color: #121212;
         padding: 6px 20px;
         font-size: 0.75rem;
         border-radius: 7px;
         border: 1px solid #ffffff;
     }
     .user-nav-login .user-info .btn-user i {
         /* color: #ffffff; */
         margin-left: 5px;
         float: none;
     }
     .user-nav-login .user-info .dropdown-menu {
         left: auto;
         right: 0;
         color: #ffffff;
         background-color: #121212;
         margin: 0;
         border: none;
         border-radius: 10px;
         position: absolute;
         top: 20px;
     }
     .user-nav-login .user-info .dropdown-menu .dropdown-item {
         color: #ffffff;
         font-size: 0.75rem;
         font-weight: 500;
     }
     .user-nav-login .user-info .dropdown-menu .dropdown-item:hover {
         background: #161616;
     }
     .login-mobile {
         display: block;
     }
     .game-filters {
         padding: 0rem 44px;
         overflow: initial;
     }
     .game-filters.login .navbar-nav {
         height: auto;
     }
     .game-filters .navbar-nav {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         height: auto;
         margin-right: 25px;
     }
     .game-filters .nav-item {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-flex: 1;
         -ms-flex: auto;
         flex: auto;
     }
     .game-filters .nav-item:first-child {
         margin-left: 0;
     }
     .game-filters .nav-item:hover {
         background: #083D77;
     }
     .game-filters #currentpage .nav-link {
         color: #1962ff;
         background: #083D77;
         border-bottom: 3px solid #1962ff;
     }
     .game-filters .nav-link {
         padding-right: 1rem !important;
         padding-left: 1rem !important;
         padding-top: 1.25rem;
         padding-bottom: 1.25rem;
         font-size: 0.75rem;
         font-weight: bold;
         width: 100%;
         text-align: center;
         border-bottom: 3px solid transparent;
         min-height: 69px;
     }
     .game-filters .nav-link img {
         vertical-align: middle;
         display: -webkit-inline-box;
         display: -ms-inline-flexbox;
         display: inline-flex;
         min-height: 22px;
         max-height: 22px;
         width: 32px;
         margin-right: 10px;
     }
     .game-filters .nav-link.live {
         color: #1962ff;
         font-weight: 900;
     }
     .game-filters .nav-link:hover {
         color: #1962ff;
         background: transparent;
         border-bottom: 3px solid #1962ff;
         /* background-image: url(../img/icons/star-dark.svg);
                 background-repeat: no-repeat;
                 background-position: left center; */
     }
     .game-filters .search {
         padding-right: .75rem;
         padding-left: .75rem;
     }
     .game-filters .has-search {
         padding-right: 0rem;
         padding-left: 0rem;
         display: block;
     }
     .game-filters .dropdown.show .dropdown-toggle {
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
     }
     .game-filters .dropdown .dropdown-menu {
         text-align: left;
         display: none;
     }
     .game-filters .dropdown .dropdown-menu.show {
         height: auto;
         display: block;
     }
     /* .game-filters-into-menu {
         display: none;
     } */

     @media (min-width: 992px) {
        .game-filters-into-menu {
         display: none;
        }
        .login-mobile{
            display: none;
        }
     }

     /*Footer
     ========================================*/
     footer .legal {
         text-align: left;
     }
     footer .legal img {
         max-width: 400px;
         max-height: max-content;
         height: auto;
         margin-bottom: 55px;
     }
     footer .legal .copyright {
         font-size: 0.85rem;
         margin: 2rem 0;
         max-width: 36%;
     }
     footer .footer-links {
         padding: 0 15px;
     }
     footer .footer-links:nth-child(2):after, footer .footer-links:nth-child(2):before {
         content: none;
     }
     footer .footer-links ul {
         display: block;
     }
     footer .footer-links ul li {
         margin-bottom: 20px;
         justify-content: start;
     }
     footer .footer-links ul li a {
         font-size: 0.75rem;
         color: #ffffff;
     }
     footer .footer-links h4 {
         font-size: 1.15rem;
         font-weight: 900;
         margin-bottom: 35px;
         text-align: left;
     }
     footer .social-media {
         max-width: 100%;
         margin: initial;
     }
     footer .social-media ul {
         list-style: none;
         margin: 0;
         padding: 0;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     footer .social-media ul li i {
         font-size: 1.1rem;
         font-weight: 400;
     }
     footer .social-media ul a {
         margin-right: 30px;
     }
     footer .social-media ul a:hover {
         opacity: 0.5;
     }
     /*Main
     ========================================*/
     .main {
         padding: 0px 0 35px;
     }
     .banner {
         margin-bottom: 20px;
         display: block;
     }
     .banner .banner-img {
         width: 100%;
     }
     .banner-mobile {
         margin-bottom: 20px;
         display: none;
     }
     .banner-mobile .banner-img {
         width: 100%;
     }
     .search-games {
         display: none;
     }
     .games-container {
         /* .games-grid {
             margin: 0 auto;
             left: 0;
             right: 0;
             margin: 0 auto;
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
             grid-gap: 20px;
             grid-auto-rows: minmax(180px, auto);
             grid-auto-flow: dense;
             padding: 10px 20px;
         } */
     }
     .games-container .all-games {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }
     .games-container .all-games .game {
         margin: 15px 0 0 0;
     }
     .games-container .games-grid {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
     }
     @supports (display: grid) {
         .games-container .games-grid {
             margin: 0 auto;
             left: 0;
             right: 0;
             margin: 0 auto;
             display: -ms-grid;
             display: grid;
             -ms-grid-columns: (minmax(180px, 1fr))[auto-fill];
             /* grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); */
             grid-template-columns: repeat(8, 1fr);
             grid-gap: 10px;
             grid-auto-rows: minmax(180px, auto);
             grid-auto-flow: dense;
             padding: 10px 0;
             max-width: 100%;
         }
     }
     .games-container .game {
         display: inline-block;
         overflow: hidden;
         position: relative;
         cursor: pointer;
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         float: left;
         max-width: unset;
         -ms-flex-preferred-size: 180px;
         flex-basis: 180px;
         margin: 0 5px 10px 5px;
     }
     .games-container .game .container-info-fav {
         padding: 14px 12px 16px;
     }
     .games-container .game:hover {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
         z-index: 5;
     }
     .games-container .game .picture .overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         -webkit-transition: background 0.5s ease;
         transition: background 0.5s ease;
     }
     .games-container .game .picture .button {
         position: absolute;
         width: 100%;
         left: 0;
         text-align: center;
         opacity: 0;
         top: 35%;
         -webkit-transition: opacity .35s ease;
         transition: opacity .35s ease;
         visibility: visible;
     }
     .games-container .game .picture .button a {
         text-align: center;
         z-index: 1;
     }
     .games-container .game .picture:hover .button {
         opacity: 1;
     }
     .games-container .game.featured {
         position: relative;
         max-width: unset;
         -ms-grid-column-span: 2;
         grid-column-end: span 2;
         -ms-grid-row-span: 2;
         grid-row-end: span 2;
         z-index: 10;
         -ms-flex-preferred-size: 360px;
         flex-basis: 360px;
         min-height: 460px;
     }
     .games-container .game.featured .container-info-fav {
         padding: 21px 22px;
     }
     .games-container .game.featured .picture img {
         min-height: 480px;
     }
     .games-container .game .btn-mobile {
         display: none;
     }
     /*.games-category {*/
     /*  display: -webkit-box;*/
     /*  display: -ms-flexbox;*/
     /*  display: flex;*/
     /*  -webkit-box-orient: horizontal;*/
     /*  -webkit-box-direction: normal;*/
     /*      -ms-flex-direction: row;*/
     /*          flex-direction: row;*/
     /*  -webkit-box-pack: justify;*/
     /*      -ms-flex-pack: justify;*/
     /*          justify-content: space-between;*/
     /*  -webkit-box-align: center;*/
     /*      -ms-flex-align: center;*/
     /*          align-items: center;*/
     /*  position: static;*/
     /*  padding: 40px 20px 30px;*/
     /*}*/
     /*.games-category h3 {*/
     /*  font-size: 1.25rem;*/
     /*  margin: 0;*/
     /*}*/
     /*.games-category .main-search {*/
     /*  margin: 0 auto;*/
     /*}*/
     .games-category .showall .text {
         display: inline;
     }
     .games-category .form-order {
         margin-top: 0;
     }
     .promociones {
         padding: 80px 0;
     }
     .promociones h3 {
         color: #1962ff;
         margin-bottom: 40px;
     }
     .promociones .promo-tabs {
         display: block;
     }
     .promociones .promo-tabs .nav-item {
         border-bottom: 2px solid #545454;
         width: 100%;
         margin: 0;
         background: transparent;
     }
     .promociones .promo-tabs .nav-item:first-child {
         border-radius: 10px 10px 0 0;
         margin: 0;
     }
     .promociones .promo-tabs .nav-item:last-child {
         border: none;
         border-radius: 0 0 10px 10px;
         margin: 0;
     }
     .promociones .promo-tabs .nav-link {
         color: #545454;
         text-transform: uppercase;
         font-size: 0.8rem;
         text-decoration: none;
         font-weight: 900;
         padding: 14px 20px;
         display: block;
         position: relative;
         border: none;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
     }
     .promociones .promo-tabs .nav-link.active, .promociones .promo-tabs .nav-link:hover {
         background-color: #1962ff;
         color: #6d6d6d;
     }
     .promociones .promo-tabs .nav-link:after {
         content: '\f054';
         font-family: 'Font Awesome 5 Free';
         position: absolute;
         right: 20px;
     }
     .promociones .promo-content {
         padding: 0;
         color: #545454;
         margin-top: 0;
     }
     .promociones .promo-content .tab-pane {
         background-color: #083D77;
         border-radius: 10px;
         padding: 40px 40px 40px 55px;
     }
     .promociones .promo-content .tab-pane.promos {
         background-color: transparent;
         padding: 0;
     }
     .promociones .promo-content .tab-pane.promos .item-promo {
         border-radius: 10px;
         max-width: 340px;
         overflow: hidden;
         display: inline-block;
         position: relative;
         margin: 0 20px 20px 0;
     }
     .promociones .promo-content h4 {
         font-weight: 900;
         font-size: 1.2rem;
         margin-bottom: 1rem;
     }
     .promociones .promo-content p {
         font-size: 0.85rem;
     }
     .slots-pagination ul.pagination {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }
     .games-main {
         padding: 0;
     }
     /*Registracion
     ========================================*/
     .registro {
         background-image: url(../img/bg-registro.jpg);
         background-repeat: no-repeat;
         background-position: top center;
         background-size: cover;
         background-color: #090e14;
         padding: 50px 0 60px;
     }
     .registro .steps {
         background: #002b32;
         padding: 0;
         border-radius: 20px 0 0 20px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-shadow: 7px 2px 7px 0px #181d20;
         box-shadow: 7px 2px 7px 0px #181d20;
         z-index: 10;
     }
     .registro .steps .steps-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         height: 50vh;
         padding: 40px;
         position: relative;
     }
     .registro .steps .steps-container:after {
         content: '';
         width: 2px;
         height: 50%;
         left: 59px;
         top: auto;
         background: #061f2f;
         position: absolute;
         z-index: 8;
     }
     .registro .steps .steps-container .step-item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         color: #ffffff;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .registro .steps .steps-container .step-item.active .number {
         background: #1962ff;
         border-color: #1962ff;
         color: #002b32;
     }
     .registro .steps .steps-container .step-item.active .text {
         color: #1962ff;
     }
     .registro .steps .steps-container .step-item .number {
         width: 40px;
         height: 40px;
         color: #ffffff;
         border: 3px solid #ffffff;
         border-radius: 100%;
         background: #002b32;
         font-size: 1.2rem;
         text-align: center;
         line-height: 40px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin-right: 15px;
         margin-bottom: 0;
         z-index: 10;
     }
     .registro .steps .steps-container .step-item .text {
         font-weight: 700;
         font-size: 1rem;
         text-align: left;
     }
     .registro .data {
         background: #20292f;
         padding: 0;
         border-radius: 0 20px 20px 0;
         -webkit-box-shadow: 4px 0px 16px 0px #0e1113;
         box-shadow: 4px 0px 16px 0px #0e1113;
         min-height: 660px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .registro .data .data-container {
         padding: 50px 80px;
         width: 100%;
     }
     .registro .data .data-container .data-title {
         color: #ffffff;
         font-size: 1.25rem;
         line-height: 1.5;
     }
     .registro .data .data-container .data-form .btn-primary {
         margin-top: 2rem;
     }
     .registro .data .data-container .data-terms {
         max-height: 35vh;
         margin-top: 45px;
     }
     .registro .data .data-container .data-check {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         color: #ffffff;
         margin: 10px 0;
     }
     .registro .data .data-container .data-check .form-check {
         font-size: 0.65rem;
         margin-bottom: 0;
     }
     .registro .data .data-container .data-check .form-check .form-check-label {
         margin-top: 4px;
     }
     .registro .data .data-container .data-buttons {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         margin: 30px 0 10px 0;
     }
     .registro .data .data-container .data-buttons .btn-outline {
         margin-right: 20px;
         margin-bottom: 0;
     }
     .registro .data .data-container .data-buttons .btn-outline:hover {
         background-color: #ffffff;
         color: #20292f;
     }
     .registro .data .data-container .data-thanks {
         height: 40vh;
     }
     .registro .data .data-container .data-thanks h2 {
         font-size: 1.9rem;
     }
     .registro .data .data-container .data-thanks h2 span {
         font-size: 4rem;
     }
     .registro .data .data-container .data-thanks p {
         max-width: 300px;
         font-size: 0.85rem;
     }
     .registro .mis-datos {
         border-radius: 20px;
     }
     .registro .mis-datos .data-container .data-title {
         color: #1962ff;
         font-size: 2rem;
         margin-top: 0;
     }
     /*Side Bar Filters
     ================================*/
     .sidebar-filters {
         position: relative;
         margin: 0;
         -webkit-transform: translateX(0vw);
         transform: translateX(0vw);
         overflow: visible;
         padding-top: 0;
         position: static;
         height: auto;
     }
     .sidebar-filters .container-buttons .btn.clear {
         width: 100%;
     }
     .sidebar-filters .wrapper-filters {
         overflow-y: visible;
         height: auto;
         padding-bottom: 0;
     }
     .sidebar-filters .has-search {
         display: block;
     }
     .sidebar-filters .filter-inline {
         display: none;
     }
     .sidebar-filters .filter-inline .title {
         text-align: center;
         padding: 12px 0;
     }
     .sidebar-filters .filter-group .title-filter {
         text-align: left;
         padding: 12px 15px;
     }
     .show-filter {
         display: none;
     }
     .close-filter {
         display: none;
     }
     /*Modal Preferences
     ========================================*/
     #preferences .modal-header {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         padding: 62px 77px 0 79px;
         text-align: left;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     #preferences .modal-header .modal-title {
         font-size: 1.5rem;
     }
     #preferences .modal-header .modal-title br {
         display: block;
     }
     #preferences .modal-header p {
         font-size: 1rem;
         display: block;
     }
     #preferences .card-pref {
         min-height: 374px;
     }
     #preferences .card-pref .btn {
         width: 200px;
         margin-bottom: 40px;
         font-size: 0.75rem;
     }
     #preferences .modal-body {
         padding: 1rem;
     }
     #preferences .modal-footer {
         padding-bottom: 2rem;
     }
     #preferences .modal-footer .btn {
         text-transform: none;
         font-size: 1rem;
         font-weight: bold;
         padding: 12px 40px;
     }
     #preferences .modal-footer .btn:hover {
         text-decoration: underline;
     }
     /*Modal Register
 ========================================*/
     #register .modal-lg {
         max-width: 600px;
     }
     #register .modal-header {
         background-image: none;
         min-height: 40px;
     }
     #register .modal-title {
         margin-top: -30px;
         font-size: 1.5rem !important;
         color: #1962ff !important;
     }
     #register .modal-body h3 {
         text-align: center;
         font-size: 2rem;
     }
     #register .form-group {
         margin-bottom: 1rem;
         max-width: 320px;
         margin: 0 auto;
     }
     /*CASINO VIVO
     ================================*/
     .tabs-casino-vivo {
         margin: 0 -15px;
         padding-top: 8px;
     }
     .tabs-casino-vivo .nav-tabs {
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .tabs-casino-vivo .nav-tabs .nav-link {
         border-radius: 4px 4px 0 0;
         margin-right: 5px;
         padding: 12px 15px;
         font-size: 0.85rem;
         min-width: 183px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         text-transform: uppercase;
         font-weight: 700;
         color: #A3C4CD;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .tabs-casino-vivo .nav-tabs .nav-link .number {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         border: 1px solid #A3C4CD;
         padding: 1px 5px;
         border-radius: 20px;
         font-size: 0.75rem;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .tabs-casino-vivo .nav-tabs .nav-link:first-child {
         margin-left: 54px;
     }
     .tabs-casino-vivo .nav-tabs .nav-link.active, .tabs-casino-vivo .nav-tabs .nav-link:hover {
         color: #1962ff;
         border: none;
     }
     .tabs-casino-vivo .nav-tabs .nav-link.active .number, .tabs-casino-vivo .nav-tabs .nav-link:hover .number {
         color: #083D77;
         border-color: #1962ff;
         background-color: #1962ff;
     }
     .tabs-casino-vivo .tab-content {
         padding: 30px 62px;
     }
     .tabs-casino-vivo .games-category {
         padding-top: 0;
         padding-bottom: 20px;
     }
     .tabs-casino-vivo .grid-sizer {
         width: 14.285%;
     }
     .tabs-casino-vivo .card-casino-vivo {
         /* width: 180px;
             height: 220px; */
         padding: 10px;
         width: 14.285%;
         float: left;
     }
     .tabs-casino-vivo .card-casino-vivo:hover {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
         z-index: 5;
     }
     /*CASINO y CASINO CLASICO
     ================================*/
     .casino .games-container {
         margin: 0;
     }
     .casino .games-grid {
         grid-auto-rows: auto;
         grid-auto-flow: dense;
         
     }
     .casino .games-grid .grid-sizer,
     .casino .games-grid .game {
         /* width: 20%; */
     }
     .casino .games-grid .grid-sizer.featured,
     .casino .games-grid .game.featured {
         /* width: 40%; */
     }
     .tabs-casino {
         margin: 0;
         padding-top: 8px;
     }
     .tabs-casino .nav-tabs {
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .tabs-casino .nav-tabs .nav-link {
         border-radius: 4px 4px 0 0;
         margin-right: 5px;
         padding: 12px 15px;
         font-size: 0.85rem;
         min-width: 183px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         text-transform: uppercase;
         font-weight: 700;
         color: #A3C4CD;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .tabs-casino .nav-tabs .nav-link .number {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         border: 1px solid #A3C4CD;
         padding: 1px 5px;
         border-radius: 20px;
         font-size: 0.75rem;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .tabs-casino .nav-tabs .nav-link:first-child {
         margin-left: 54px;
     }
     .tabs-casino .nav-tabs .nav-link.active, .tabs-casino .nav-tabs .nav-link:hover {
         color: #1962ff;
         border: none;
     }
     .tabs-casino .nav-tabs .nav-link.active .number, .tabs-casino .nav-tabs .nav-link:hover .number {
         color: #083D77;
         border-color: #1962ff;
         background-color: #1962ff;
     }
     .tabs-casino .tab-content {
         padding: 30px 20px;
     }
     .tabs-casino .games-category {
         padding-top: 0;
         padding-bottom: 20px;
     }
     /*Deportes
     ================================*/
     .deportes {
         background: #d6d6d6;
     }
     .deportes .iframe {
         top: 253px;
     }
     /*Slider
     ========================================*/
     .slider {
         margin: 0;
         overflow: hidden;
     }
     .slider .item {
         /*height: 40vh;*/
         max-height: 450px;
     }
     .slider .item .text-slide {
         position: absolute;
         left: 50%;
         right: 0;
         margin: auto;
         top: unset;
         bottom: 10%;
         /*transform: translateY(-50%);*/
         text-align: left;
         max-width: 50%;
         padding: 15px;
         z-index: 5;
     }
     .slider .item .text-slide .title-slide {
         font-size: 5vw;
         line-height: 1;
         font-weight: 900;
         color: #1962ff;
     }
     .slider .item .text-slide .subtitle-slide {
         font-size: 4vw;
         line-height: 1;
         font-weight: 900;
         color: #ffffff;
     }
     .slider .item .text-slide .btn {
         padding: 8px 30px;
     }
     .slider .item .left {
         left: -25%;
     }
     /*Home Estilos Particulares
     ========================================*/
     .home header {
         position: relative;
     }
     .home header .game-filters {
         display: none;
     }
     .home .main-nav {
         background-color: #121212;
     }
     .home .main-nav .form-control {
         /* background: rgba(255, 255, 255, 0.2); */
         /* border: 1px solid rgba(255, 255, 255, 0.55); */
         /* color: #ffffff; */
     }
     .home .main-nav .form-control::-webkit-input-placeholder {
         /* Chrome/Opera/Safari */
         color: #ffffff;
         text-transform: none;
     }
     .home .main-nav .form-control::-moz-placeholder {
         /* Firefox 19+ */
         color: #ffffff;
         text-transform: none;
     }
     .home .main-nav .form-control:-ms-input-placeholder {
         /* IE 10+ */
         color: #ffffff;
         text-transform: none;
     }
     .home .main-nav .form-control:-moz-placeholder {
         /* Firefox 18- */
         color: #ffffff;
         text-transform: none;
     }
     .home .game-filters {
         margin: 0;
         -webkit-transition: all 0.55s;
         transition: all 0.55s;
         position: -webkit-sticky;
         position: sticky;
         top: 114px;
         z-index: 99;
     }
     .home .sticky .main-nav {
         background-color: #00000000;
     }
     .home .sticky .game-filters {
         top: 0;
     }
     .home .main {
         padding: 0px 30px 0 30px;
     }
     @media (min-width: 768px){
         .home .main, .casino-vivo .main, .live-casino .main {
             padding: 0px 10px 0 10px;
             padding-top: 0;
         }
     }

     .home .content-show-games {
         padding: 20px 30px 60px;
     }
     .home .games-main {
         padding-top: 0;
     }
     /*Casino vivo Estilos Particulares
     ========================================*/
     .casino-vivo header {
         position: fixed;
     }
     .casino-vivo header .game-filters {
         display: none;
     }
     .casino-vivo .slider {
         margin: 0 -15px;
     }
     .casino-vivo .main-nav {
         background-color: transparent;
     }
     .casino-vivo .main-nav .form-control {
         background: rgba(255, 255, 255, 0.2);
         border: 1px solid rgba(14, 14, 14, 0.55);
     }
     .casino-vivo .game-filters {
         margin: 0 -15px;
         -webkit-transition: all 0.55s;
         transition: all 0.55s;
         position: -webkit-sticky;
         position: sticky;
         top: 94px;
         z-index: 99;
     }
     .casino-vivo .sticky .main-nav {
         background-color: #121212;
     }
     .casino-vivo .sticky .game-filters {
         top: 0;
     }
     .casino-vivo .main {
         padding: 40px 30px 0 30px;
     }
     .casino-vivo .tabs-casino-vivo {
         padding-top: 12px;
     }
     .casino-vivo .games-main {
         padding-top: 0;
     }
     /*PAGINAS ERROR 404
     ========================================*/
     .error .error-container {
         height: 80vh;
         margin-top: 0;
         padding: 0;
     }
     .error .error-container .box-error {
         margin-top: 0;
     }
     .error .error-container .box-error p br {
         display: block;
     }
     .panel-body h3 {
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .panel-body h3 .btn {
         max-width: 100%;
         font-size: 0.65em;
         padding: 12px 40px;
         margin: 0 5px;
     }
     /*PAGINA POKER
     ========================================*/
     .poker-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 50px 0;
     }
     .poker-container.poker-bg {
         background-image: url(../img/banner-poker-bg.jpg);
         background-position: left top;
         background-repeat: no-repeat;
         background-size: cover;
         min-height: 60vh;
     }
     .poker-container .banner-poker img {
         width: 100%;
     }
     .poker-container .banner-poker img.desk {
         display: block;
     }
     .poker-container .banner-poker img.mobile {
         display: none;
     }
     .poker-container .intro-text {
         color: #ffffff;
         padding: 20px 0 0 15px;
     }
     .poker-container .intro-text h4 {
         text-transform: uppercase;
         font-size: 0.85rem;
         font-weight: 700;
         margin-bottom: 15px;
     }
     .poker-container .intro-text h2 {
         font-size: 2.25rem;
         font-weight: 700;
         margin-bottom: 20px;
     }
     .poker-container .intro-text p {
         font-size: 1rem;
     }
     .poker-container .registro-text {
         padding: 20px 0 0 15px;
     }
     .poker-container .registro-text p br {
         display: block;
     }
     .experiencia-eko {
         background: #2e2e2e;
         border-top: 2px solid #ffffff;
         color: #ffffff;
         padding: 44px 40px 58px;
     }
     .experiencia-eko h3 {
         text-transform: uppercase;
         font-weight: 700;
         font-size: 1.5rem;
         margin: 0;
     }
     .experiencia-eko .step {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         margin: 0 15px;
     }
     .experiencia-eko .step .picture {
         margin-right: 30px;
         margin-bottom: 0;
     }
     .experiencia-eko .step p {
         margin: 0;
         color: #ffffff;
     }
     /*Cerra Apuestas
     ================================*/
     .cerrar-apuestas .container {
         padding: 40px;
     }
     .cerrar-apuestas .container h2 {
         font-size: 2rem;
     }
     .cerrar-apuestas .container h3 {
         font-size: 1.75rem;
     }
     /*Combinadas
     ================================*/
     .combinadas .container {
         padding: 40px;
     }
     .combinadas .container h1 {
         font-size: 1.25rem;
     }
     .combinadas .container h2 {
         font-size: 2rem;
     }
     .combinadas .container h3 {
         font-size: 1.75rem;
     }
     .combinadas .container .subtitle {
         font-size: 1.15rem;
     }
     .combinadas .container img {
         width: 100%;
         margin-top: 30px;
         margin-bottom: 30px;
     }
     .combinadas .container img.visible-desktop-tablet {
         display: block;
     }
     .combinadas .container img.visible-mobile {
         display: none;
     }
     /*Reglas Deporte
     ================================*/
     .reglas-deportes .container-fluid .indice-container ul {
         display: block;
         background-color: transparent;
     }
 }

 /* -----------------------------------------------------
     LAYOUT IPAD LANDSCAPE
 -------------------------------------------------------- */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
     .main-nav {
         padding: 26px 10px;
     }
     .main-nav .btn {
         padding: 10px;
     }
     .game-filters .nav-link {
         padding-right: .5rem !important;
         padding-left: .5rem !important;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
         font-size: 0.75em;
     }
     .game-filters .has-search .form-control {
         min-width: inherit;
     }
 }

 /* -----------------------------------------------------
     LAYOUT IPAD PORTRAID
 -------------------------------------------------------- */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .user-nav .container {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
     .login-mobile {
         display: block;
     }
     .user-nav .form-inline {
         display: none;
     }
     .game-filters .nav-item {
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
     }
     .game-filters {
         background: #2e2e2e;
         padding: 0;
     }
     .game-filters.login .navbar-nav {
         height: calc(100vh - 187px);
         margin-right: 0;
     }
     .game-filters .navbar-nav {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         width: 100%;
         /*  height: calc(100vh - 70px); */
         margin-right: 0;
     }
     .game-filters .nav-item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 1;
         -ms-flex: 1;
         flex: 1;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .game-filters .nav-item:nth-child(even) {
         background: #083D77;
     }
     .game-filters .nav-link {
         color: #ffffff;
         text-transform: uppercase;
         font-size: 1em;
         padding: 0 15px;
         text-align: right;
     }
     .game-filters .dropdown {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
     .game-filters .dropdown.show .dropdown-toggle {
         padding: 0.75rem 15px;
     }
     .game-filters .dropdown.show .dropdown-toggle:after {
         -webkit-transform: translateY(-50%) rotate(180deg);
         transform: translateY(-50%) rotate(180deg);
     }
     .game-filters .dropdown .dropdown-toggle {
         width: 100%;
     }
     .game-filters .dropdown .dropdown-toggle:after {
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }
     .game-filters .dropdown .dropdown-menu {
         background: #2e2e2e;
         border-radius: 0;
         border: none;
         text-align: right;
         width: 100%;
         height: 0;
         opacity: 0;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         visibility: hidden;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         padding: 0;
         margin: 0;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
     .game-filters .dropdown .dropdown-menu.show {
         height: 35vh;
         visibility: visible;
         opacity: 1;
     }
     .game-filters .dropdown .dropdown-menu.show .dropdown-item {
         visibility: visible;
     }
     .game-filters .dropdown .dropdown-menu .dropdown-item {
         color: #ffffff;
         text-transform: uppercase;
         font-size: 0.8em;
         padding: 0.5rem 1.5rem;
         visibility: hidden;
     }
     .game-filters .dropdown .dropdown-menu .dropdown-item:hover {
         background: #083D77;
     }
     .game-filters .has-search {
         margin-bottom: 0;
         display: none;
     }
     .game-filters .has-search .form-control {
         padding-left: 2rem;
         background-color: #083D77;
         color: #ffffff;
         min-width: 265px;
     }
     .game-filters .has-search .form-control:focus {
         border-color: #2e2e2e;
         -webkit-box-shadow: 0 0 0 0.2rem rgba(203, 14, 0, 0.71);
         box-shadow: 0 0 0 0.2rem rgba(203, 14, 0, 0.71);
     }
     .game-filters .has-search .form-control::-webkit-input-placeholder {
         /* Chrome/Opera/Safari */
         color: #ffc9c9;
         text-transform: none;
     }
     .game-filters .has-search .form-control::-moz-placeholder {
         /* Firefox 19+ */
         color: #ffc9c9;
         text-transform: none;
     }
     .game-filters .has-search .form-control:-ms-input-placeholder {
         /* IE 10+ */
         color: #ffc9c9;
         text-transform: none;
     }
     .game-filters .has-search .form-control:-moz-placeholder {
         /* Firefox 18- */
         color: #ffc9c9;
         text-transform: none;
     }
     .game-filters .has-search .form-control-feedback {
         position: absolute;
         z-index: 2;
         display: block;
         width: 2.375rem;
         height: 2.375rem;
         line-height: 2rem;
         text-align: center;
         pointer-events: none;
         color: #ffc9c9;
         font-size: 0.8rem;
     }
     .games-container .game {
         /*  width: calc(100% / 4 - 15px ); */
     }
     .games-container .game:nth-child(6n+2) {
         margin-left: 15px;
     }
     .games-container .game:first-child,
     .games-container .game:nth-child(4n+2) {
         margin-left: 0;
     }
     .user-nav-login {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         margin: 20px 0 0 0;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
     }
     .user-nav-login .containe-data-user-game {
         -webkit-box-flex: 1;
         -ms-flex: 1;
         flex: 1;
         -ms-flex-preferred-size: 70%;
         flex-basis: 70%;
     }
     .user-nav-login .user-info {
         -webkit-box-flex: 1;
         -ms-flex: 1;
         flex: 1;
         -ms-flex-preferred-size: 30%;
         flex-basis: 30%;
     }
     .user-nav-login .user-info .dropdown-menu.show {
         position: static;
     }
 }

 /* -----------------------------------------------------
     LAYOUT 1600
 -------------------------------------------------------- */
 @media (min-width: 1600px) {
     .games-container .games-grid {
         margin: 0 auto;
         left: 0;
         right: 0;
         width: auto !important;
     }
     .games-container .grid-sizer {
         width: 14.285%;
     }
     .games-container .game {
         display: inline-block;
         overflow: hidden;
         position: relative;
         cursor: pointer;
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         float: left;
         max-width: unset;
     }
     .games-container .game.featured {
         position: relative;
         max-width: unset;
     }
 }

 /* -----------------------------------------------------
     LAYOUT 1900
 -------------------------------------------------------- */
 @media (min-width: 1920px) {
     .games-container .games-grid {
         margin: 0 auto;
         left: 0;
         right: 0;
         width: auto !important;
     }
     .games-container .game {
         display: inline-block;
         overflow: hidden;
         position: relative;
         cursor: pointer;
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         float: left;
         max-width: unset;
     }
     .games-container .game .container-info-fav .info .title {
         font-size: 0.85rem;
     }
     .games-container .game.featured {
         position: relative;
         max-width: unset;
     }
 }

 @media (max-width: 767px) {
     .poker-container .container {
         max-width: 100%;
     }
 }

 .home-banners .sports {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
 }

 .home-banners .live-sports {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
 }

 .home-banners .virtuals {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3;
 }

 .home-banners .slots-games {
     -webkit-box-ordinal-group: 5;
     -ms-flex-order: 4;
     order: 4;
 }

 .home-banners .live-casino {
     -webkit-box-ordinal-group: 6;
     -ms-flex-order: 5;
     order: 5;
 }

 /*=============================================
     DEPORTIVAS
 ================================================*/
 /*=============================================
     Container
 ================================================*/
 .bto-sb-container {
     background-color: #121212 !important;
     font-family: "Exo 2", sans-serif !important;
 }

 /*=============================================
 Menu central
 =============================================*/
 .bto-sb-widget-main-nav {
     background-color: #083D77 !important;
 }

 .bto-sb-widget-main-nav ul li {
     border-right: 1px solid #121212 !important;
 }

 .bto-sb-widget-main-nav .bto-sb-form-select select {
     color: #ffffff !important;
     background-color: #083D77 !important;
 }

 .bto-sb-widget-main-nav ul li a {
     color: #EBEBD3 !important;
     font-weight: bold !important;
 }

 .bto-sb-widget-main-nav ul li a:hover,
 .bto-sb-widget-main-nav ul li.bto-sb-main-nav-active a {
     background-color: #1962ff !important;
     color: #2e2e2e !important;
 }

 /*=============================================
     Menu Izquierda
 =============================================*/
 .bto-sb-widget-betting-menu {
     border-bottom: none !important;
     background-color: #083D77 !important;
 }

 .bto-sb-widget-betting-menu ul li {
     border-right: 1px solid #121212 !important;
 }

 .bto-sb-widget-betting-menu ul li a {
     color: #EBEBD3 !important;
     font-weight: bold !important;
 }

 .bto-sb-widget-betting-menu ul li a:hover,
 .bto-sb-widget-betting-menu ul li.bto-sb-betting-menu-active a {
     background-color: #1962ff !important;
     color: #2e2e2e !important;
 }

 .bto-sb-short-col .bto-sb-widget-betting-menu
 .bto-sb-betting-menu-collapse {
     background-color: #1962ff !important;
 }

 .bto-sb-widget-sportlist-menu .bto-sb-sportlist-menu-item:hover {
     background-color: #1962ff !important;
 }

 /*=================================================
     Widgets
 ===================================================*/
 .bto-sb-widget .bto-sb-widget-title {
     border-bottom: 1px solid #121212 !important;
     background-color: #083D77 !important;
 }

 .bto-sb-widget .bto-sb-widget-title > h3,
 .bto-sb-widget .bto-sb-widget-title > h4 {
     color: #ffffff !important;
     font-weight: bold !important;
 }

 .bto-sb-sports-icon,
 .bto-sb-mb-sports-icon {
     color: #ffffff !important;
 }

 .bto-sb-widget .bto-sb-widget-title .bto-sb-widget-title-icon:before {
     color: #ffffff !important;
 }

 .bto-sb-widget .bto-sb-widget-title .bto-sb-market-colum {
     border-left: 1px solid #121212 !important;
 }

 .bto-sb-widget .bto-sb-widget-title .bto-sb-market-colum li a:hover,
 .bto-sb-widget .bto-sb-widget-title .bto-sb-market-colum li.bto-sb-market-colum-active a {
     color: #1962ff !important;
 }

 .bto-sb-widget .bto-sb-widget-title .bto-sb-form-select {
     border-left: 1px solid #121212 !important;
 }

 .bto-sb-widget .bto-sb-widget-title .bto-sb-form-select select {
     color: #ffffff !important;
     background-color: #083D77 !important;
 }

 .bto-sb-widget-prematch .bto-sb-event-sports ul li:hover,
 .bto-sb-widget-prematch .bto-sb-event-sports ul li.bto-sb-event-sports-active {
     border-left: 1px solid #121212 !important;
     border-right: 1px solid #121212 !important;
     background-color: #1962ff !important;
 }

 .bto-sb-widget-prematch .bto-sb-event-sports ul li a {
     color: #ffffff !important;
     font-weight: bold !important;
 }

 .bto-sb-widget-prematch .bto-sb-event-more-sports:hover a {
     color: #1962ff;
 }

 .bto-sb-widget-prematch .bto-sb-event-sports ul li:hover a,
 .bto-sb-widget-prematch .bto-sb-event-sports ul li.bto-sb-event-sports-active a,
 .bto-sb-widget-prematch .bto-sb-event-sports ul li:hover .bto-sb-sports-icon:before,
 .bto-sb-widget-prematch .bto-sb-event-sports ul li.bto-sb-event-sports-active .bto-sb-sports-icon:before {
     color: #2e2e2e !important;
 }

 .bto-sb-widget-prematch .bto-sb-event-odds-cell .bto-sb-event-odd:hover {
     border: 1px solid #1962ff !important;
     color: #2e2e2e !important;
     background-color: #1962ff !important;
 }

 /*=================================================
    Search Izquierda
 ===================================================*/
 .bto-sb-widget-search {
     margin: 10px 0px !important;
 }

 .bto-sb-widget-search .bto-sb-form-input {
     background: #EBEBD3 !important;
     border-radius: 7px !important;
     color: #121212 !important;
 }

 .bto-sb-widget-search .bto-sb-form-btn {
     border-radius: 0 7px 7px 0 !important;
     background-color: #1962ff !important;
     color: #2e2e2e !important;
     border-color: #1962ff !important;
 }

 /*=================================================
    Control SLider
 ===================================================*/
 .bto-sb-slider-value.bto-sb-slider-active {
     color: #1962ff !important;
 }

 .bto-sb-range-slider .bto-sb-slider-progress-bar {
     background: #1962ff !important;
     background: linear-gradient(135deg, #083D77 0%, #1962ff 100%) !important;
 }

 /*=================================================
    Sidebar Derecha
 ===================================================*/
 .bto-sb-widget-betslip .bto-sb-betslip-menu ul li.bto-sb-betslip-menu-active .bto-sb-form-select select,
 .bto-sb-widget-betslip .bto-sb-betslip-menu ul li.bto-sb-betslip-menu-active a {
     color: #2e2e2e !important;
     background-color: #1962ff !important;
     opacity: 1 !important;
     font-weight: bold !important;
 }

 .bto-sb-widget-betslip .bto-sb-betslip-menu ul li a {
     font-weight: bold !important;
 }

 .bto-sb-widget-betslip .bto-sb-betslip-menu ul li a:hover {
     color: #2e2e2e !important;
     background-color: #1962ff !important;
 }

 .bto-sb-form-btn, a.bto-sb-form-btn {
     color: #2e2e2e !important;
     background-color: #1962ff !important;
     font-weight: bold !important;
 }

 .bto-sb-widget .bto-sb-widget-title-small {
     border-bottom: 1px solid #EBEBD3;
     background-color: #121212 !important;
 }

 /*En vivo ahora*/
 .bto-sb-widget-overview-livenow .bto-sb-widget-title > h3,
 .bto-sb-widget-overview-livenow .bto-sb-widget-title .bto-sb-widget-title-icon {
     background-color: #083D77 !important;
 }

 .bto-sb-widget-prematch .bto-sb-event-odds-title {
     padding: 10px 8px;
     border-bottom: 1px solid #083D77 !important;
     background-color: #2e2e2e !important;
 }

 /*====================================================================================================================
                                                 DEPORTIVAS MOBILE
 ====================================================================================================================*/
 /*=================================================
    Main contianer
 ===================================================*/
 .bto-sb-mb-container {
     background-color: #121212 !important;
     font-family: "Exo 2", sans-serif;
     color: #ffffff !important;
     top: 5px !important;
 }

 /*=================================================
    Menu Deportes
 ===================================================*/
 .bto-sb-mb-sportlist-menu .bto-sb-mb-sportlist-all {
     border-right: 1px solid #000000 !important;
     -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important;
 }

 .bto-sb-mb-sportlist-menu {
     border-bottom: 1px solid #083D77 !important;
     background-color: #083D77 !important;
 }

 .bto-sb-mb-sportlist-menu .bto-sb-mb-sportlist-menu-active a {
     color: #EBEBD3 !important;
     background-color: #1962ff !important;
 }

 .bto-sb-mb-sportlist-menu .bto-sb-mb-sportlist-label {
     color: #2e2e2e !important;
     background-color: #1962ff !important;
     border: 1px solid #1962ff !important;
 }

 .bto-sb-mb-sportlist-menu .bto-sb-mb-sportlist-menu-active .bto-sb-mb-sportlist-label {
     border: 1px solid #083D77 !important;
     color: #ffffff !important;
     background-color: #2e2e2e !important;
 }

 /*=================================================
   Search
 ===================================================*/
 .bto-sb-mb-sportlist-menu .bto-sb-mb-search #bto-sb-mb-search-toggle + label {
     border-left: 1px solid #000000 !important;
     color: #ffffff !important;
     background-color: #2e2e2e !important;
 }

 .bto-sb-mb-sportlist-menu .bto-sb-mb-search .bto-sb-mb-form-input {
     color: #ffffff !important;
     background-color: #083D77 !important;
 }

 /*=================================================
   Titulos de Widgets
 ===================================================*/
 .bto-sb-mb-widget .bto-sb-mb-widget-title {
     border-bottom: 1px solid #121212 !important;
     background-color: #083D77 !important;
 }

 .bto-sb-mb-widget .bto-sb-mb-widget-title-more .bto-sb-mb-title-more {
     color: #1962ff !important;
 }

 .bto-sb-mb-widget .bto-sb-mb-widget-title.soccer {
     background-color: #2e2e2e !important;
 }

 .bto-sb-mb-widget-prematch .bto-sb-mb-category-header {
     border-bottom: 1px solid #083D77 !important;
     background-color: #2e2e2e !important;
 }

 .bto-sb-mb-widget-prematch .bto-sb-mb-widget-title .bto-sb-mb-form-select select option {
     background-color: #2e2e2e !important;
 }

 /*=================================================
   Score
 ===================================================*/
 .bto-sb-mb-widget-prematch .bto-sb-mb-event-score-live i {
     color: #1962ff !important;
 }

 .bto-sb-mb-widget-prematch .bto-sb-mb-event-time-live, .bto-sb-mb-widget-prematch .bto-sb-mb-event-time-live i {
     color: #1962ff !important;
 }

 .bto-sb-mb-widget-prematch .bto-sb-mb-event-odd-active {
     background-color: #1962ff !important;
 }

 .bto-sb-mb-widget-prematch .bto-sb-mb-event-favorite.bto-sb-mb-active-event-favorite a:before {
     color: #1962ff !important;
 }

 /*=================================================
   Footer Mennu
 ===================================================*/
 .bto-sb-mb-footer {
     background-color: #2e2e2e !important;
     -webkit-box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.35) !important;
     box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.35) !important;
 }

 .bto-sb-mb-footer ul li a {
     color: #EBEBD3 !important;
 }

 .bto-sb-mb-footer .bto-sb-mb-footer-active a {
     color: #1962ff !important;
 }

 .bto-sb-mb-footer .bto-sb-mb-footerlabel {
     border: 1px solid #2e2e2e !important;
     color: #2e2e2e !important;
     background-color: #1962ff !important;
 }

 /*=================================================
   Titulos Favoritos
 ===================================================*/
 .bto-sb-mb-nav-bar {
     border-top: 1px solid #121212 !important;
     border-bottom: 1px solid #121212 !important;
     background-color: #121212 !important;
 }

 .bto-sb-mb-nav-bar > h2 {
     color: #1962ff !important;
     font-weight: bold !important;
 }

 /*=================================================
   Filtro por deporte
 ===================================================*/
 .bto-sb-mb-filter-menu {
     border-bottom: 1px solid #000000 !important;
     background-color: #083D77 !important;
 }

 .bto-sb-mb-filter-menu ul li a {
     color: #ffffff !important;
     background-color: #2e2e2e !important;
 }

 .bto-sb-mb-filter-menu .bto-sb-mb-filter-label {
     border: 1px solid #1962ff;
     color: #2e2e2e !important;
     background-color: #1962ff;
 }

 .bto-sb-mb-filter-menu .bto-sb-mb-filter-menu-active a {
     color: #2e2e2e !important;
     background-color: #1962ff !important;
 }

 .bto-sb-mb-title-bar {
     border-bottom: 1px solid #000000 !important;
     background-color: #2e2e2e !important;
 }

 .bto-sb-mb-widget-match-view .bto-sb-mb-market-title {
     background-color: #121212 !important;
 }

 .bto-sb-mb-widget-prematch .bto-sb-mb-event-item {
     border-bottom: 1px solid #083D77 !important;
 }

 .bto-sb-mb-widget-match-view .bto-sb-mb-market-title.bto-sb-mb-market-title-active {
     border-bottom: 1px solid #083D77 !important;
 }

 .bto-sb-mb-widget-match-view .bto-sb-mb-market-item-name {
     border-top: 1px solid #083D77 !important;
     border-bottom: 1px solid #083D77 !important;
     background-color: #121212 !important;
 }

 /*=================================================
   Ticket Apuesta
 ===================================================*/
 .bto-sb-mb-widget-betslip-view .bto-sb-mb-betslip-menu ul li.bto-sb-mb-betslip-menu-active a {
     color: #2e2e2e !important;
     background-color: #1962ff !important;
 }

 .bto-sb-mb-widget-betslip-view .bto-sb-mb-betslip-event-name {
     border-bottom: 1px solid #000000 !important;
     background-color: #2e2e2e !important;
 }

 .bto-sb-mb-form-btn, a.bto-sb-mb-form-btn, .bto-sb-mb-form-btn:hover, a.bto-sb-mb-form-btn:hover {
     color: #2e2e2e !important;
     background-color: #1962ff !important;
 }
 /*# sourceMappingURL=main.css.map */

 .games-filter-container {
     /* background: #121212; */
 }
 .games-container {
     margin-bottom: 4rem;
 }
 .games-filter-container .games-container {
     /* background: #121212; */
     padding: 5px 10px;
 }
 .casino-vivo .games-container, .home .games-container {
     margin-bottom: 0;
 }
 .games-filter-container .games-container .games {
     display: flex;
     height: 65px;
     white-space: nowrap;
 }
 a {
     color: #fff;
     transition: all .3s;
 }
 .games-filter-container .games-container .games .game-filter {
     display: inline-flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     gap: 5px;
     height: 100%;
     border-radius: 10px;
     padding: 7px 0;
     min-width: 75px;
     flex: 1 1 14.2857142857%;
     flex: 1;
 }
 .games-filter-container .games-container .games .game-filter:not(:last-child) {
     margin-right: 5px;
 }
 .games-filter-container .games-container .games .game-filter:hover:not(.active){
    opacity: .6;
 }
 .games-filter-container .games-container .games .game-filter .image {
     display: flex;
     width: 25px;
     min-height: 25px;
     max-height: 25px;
 }
 .games-filter-container .games-container .games .game-filter .image img {
     width: 100%;
 }
 .games-filter-container .games-container .games .game-filter .game-name {
     text-transform: uppercase;
     font-size: 12px;
     text-align: center;
     white-space: nowrap;
     color: #fff;
 }
 .games-filter-container .providers-container {
     background: #212121;
 }
 .games-filter-container .providers-container .providers {
     flex: 1 1 auto;
     display: flex;
     list-style: none;
     align-items: center;
     padding: 8px 10px;
 }
 .games-filter-container .providers-container .providers .provider {
     display: flex;
     flex-direction: column;
     align-items: center;
     min-width: 70px;
     flex: 1 1 10%;
     flex: 1;
     gap: 5px;
 }
 .games-filter-container .providers-container .providers .provider .image {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #000;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid rgba(0,0,0,0);
     transition: .4s all ease;
 }
 .games-filter-container .providers-container .providers .provider.all-providers {
     background: #000;
     color: #fff;
     padding: 10px 18px;
     font-size: 14px;
     border-radius: 8px;
     text-align: center;
     transition: .25s all ease;
     max-width: 10%;
     cursor: pointer;
 }
 .games-filter-container .providers-container .providers .provider .image img {
     max-width: 24px;
     max-height: 24px;
 }
 .games-filter-container .providers-container .providers .provider .provider-name {
     color: #fff;
     font-size: 10px;
     text-align: center;
     transition: .3s all ease;
 }
 .games-filter-container .search-game-container {
     display: flex;
     justify-content: center;
     align-items: center;
     background: #000305;
     padding: 10px 20px;
 }
 @media (max-width: 991px){
     .desktop-item {
         display: flex
     }
     .games-filter-container .games-container {
         padding: 5px;
         margin: 0;
         overflow-x: auto;
     }
     .games-filter-container .games-container .games {
         /* display: block; */
         height: 60px;
     }
 }

 .home .games-filter-container .search-game-container {
     display: none;
 }
 .home .games-filter-container .search-game-container {
     display: none;
 }
 .games-filter-container .search-game-container .search-input input {
     background: rgba(255,255,255,.2);
     color: #fff;
     font-size: 14px;
     border-radius: 6px;
     padding: 6px 20px;
     padding-left: 30px;
     outline: 0 !important;
 }
 .games-filter-container .search-game-container .search-input i {
     position: absolute;
     left: 7px;
     top: 10px;
     color: #fff;
     opacity: .3;
     z-index: -1;
 }
 .casino-filters {
     position: relative;
     display: grid;
     grid-template-columns: minmax(100px, 50%) minmax(100px, 50%);
     grid-gap: 15px;
     padding: 5px;
     background: #292929;
     font-size: .875rem;
 }
 @media screen and (min-width: 992px){
     .mobile-item {
         display: none !important;
     }
 }
 .casino-filters .query-filter {
     position: relative;
     background-color: #212121;
     border-radius: 6px;
     z-index: 1;
 }
 .casino-filters .query-filter, .casino-filters .providers-button {
     height: 34px;
 }
 .casino-filters .query-filter input {
     height: 100%;
     outline: 0 !important;
     box-shadow: none;
     font-size: .875rem;
     background: rgba(0,0,0,0);
     padding-left: 40px;
     color: #fff;
 }
 .casino-filters .query-filter i {
     position: absolute;
     top: 10px;
     left: 11px;
     color: #fff;
     font-size: 16px;
     opacity: .3;
     z-index: -1;
 }
 .casino-filters .providers-button {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #212121;
     color: #fff;
     border-radius: 6px;
     z-index: 1;
     width: 100%;
     padding: 10px;
     border-radius: 6px;
     cursor: pointer;
     gap: 8px;
 }
 .casino-filters .providers-button img {
     width: 26px;
 }
 .casino-filters .providers-button span {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 1.3;
 }
 @media screen and (max-width: 767px){
     .main-nav {
         border-bottom: 1px solid rgba(255,255,255,.12);
     }
 }
 @media (max-width: 991px){
     header .main-nav {
         height: 50px;
         padding: 0 10px;
         border-bottom: 1px solid rgba(255,255,255,.12);
     }
 }
 @media screen and (max-width: 767px){
     header .main-nav {
         height: 50px;
         padding: 0 10px;
     }
 }
 .menu-desktop .link {
     position: relative;
     font-size: .75rem;
     font-weight: bold;
     padding: 16px 10px;
     text-transform: uppercase;
     color: #fff;
 }
 @media (min-width: 1660px){
    .menu-desktop .link{
        padding: 14px 10px;
        font-size: 15px;
        text-align: center;
    }
 }
 .menu-desktop .link#currentpage, .menu-desktop .link:hover {
     color: #1962ff;
     background: rgba(255,255,255,.08);
 }
 .menu-desktop .link#currentpage, .menu-desktop .link:hover {
     color: #1962ff;
 }
 .menu-desktop .link::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     height: 2px;
     width: 100%;
     background: #1962ff;
     opacity: 0;
     transition: all .3s;
 }
 .menu-desktop .link:hover::after, .menu-desktop .link#currentpage::after {
     opacity: 1;
 }
 .main-nav .navbar-right-item {
     display: flex;
     align-items: center;
 }
 .game-filters-into-menu {
     position: relative;
     background: #2e2e2e;
     padding: 0;
     font-weight: bold;
 }
 .game-filters-into-menu .user-nav {
     position: fixed;
     top: 50px;
     left: 0;
     width: 100vw !important;
     height: calc(100% - 50px) !important;
     z-index: 1000;
 }
 .game-filters-into-menu .user-nav .close-game-filters-into-menu {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
     z-index: 1001;
     background: rgba(0,0,0,.8);
 }
 header .container-fluid {
     padding: 0;
 }
 .user-nav .container-fluid {
     padding: 0;
 }
 .game-filters-into-menu .user-nav .container-fluid {
     position: absolute;
     top: 0;
     right: 0;
     display: flex;
     flex-direction: column;
     width: 300px;
     height: 100%;
     z-index: 1002;
     background: #121212;
     animation: .3s rightToLeft ease;
 }
 .game-filters-into-menu .navbar-nav {
     justify-content: center;
     width: 100%;
     height: auto;
     max-height: calc(100vh - 250px);
 }
 .game-filters-into-menu .user-nav .container-fluid .navbar-nav {
     display: flex;
     flex: 1;
     justify-content: normal;
     overflow-y: auto;
 }
 .game-filters-into-menu .nav-item {
     display: flex;
     flex: 1;
     justify-content: center;
     align-items: center;
 }
 .game-filters-into-menu .nav-item:nth-child(odd) {
     background: #2e2e2e;
 }
 .game-filters-into-menu .user-nav .container-fluid .navbar-nav .nav-item {
     flex: initial;
 }

 .game-filters-into-menu .nav-link {
     color: #fff;
     font-size: 1em;
     padding: 0 15px;
     text-align: right;
     text-transform: uppercase;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     width: 100%;
 }
 .game-filters-into-menu .user-nav .container-fluid .navbar-nav .nav-item .nav-link {
     padding: 13px;
     justify-content: flex-start;
 }
 .game-filters-into-menu .nav-link img {
     max-height: 22px;
     margin-right: 10px;
 }
 .dropdown-item a{
    text-transform: uppercase;
 }
 .dropdown-item img{
    width: 1rem;
    margin-right: 0.5rem;
 }
 @media screen and (max-width: 767px){
     span.icon-bar {
         height: 15px;
     }
 }
 .navbar-toggler.expand-menu-mobile:not(.show) span {
     border-top: 2px solid;
     border-bottom: 2px solid;
 }
 .navbar-toggler.expand-menu-mobile:not(.show) span:before {
     transform: initial;
     background: #1962ff;
 }
 .navbar-toggler.expand-menu-mobile:not(.show) span:after {
     transform: initial;
     background: #1962ff;
 }
 .svg-saldo{
    width: 1.5rem;
 }
.svg-usuario{
    width: 1.5rem;
}
button#user-data{
    display: flex;
    align-items: center;
    justify-content: center;
}
 .home-section-container {
     display: flex;
     flex-direction: column;
     gap: 15px;
     margin: 15px 0;
 }
 .home-section-container .home-section {
     display: flex;
     flex-direction: column;
     gap: 5px;
 }
 .home-section-container .other-container .other {
     display: flex;
     justify-content: center;
     gap: 15px;
 }
 .home-section-container .other-container .other .item{
     position: relative;
     width: 33.3%;
     text-align: center;
 }
 .home-section-container .other-container .other img {
     max-width: 100%;
     width: 100%;
     border-radius: 6px;
 }
 .home-section-container .other-container .other .item .button-item {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 10px;
 }
 @media (min-width: 768px){
     .d-flex.social-wrapper{
        justify-content: start !important;
     }
 }
 .casino .main {
     padding: 0px 10px 0 10px;
     padding-top: 0;
 }
 .home .games-container .game, .casino .games-container .game {
     flex-basis: auto;
     height: 100%;
     margin: 0;
 }
 .games-container .games-grid {
     grid-auto-rows: auto;
     grid-gap: 40px 10px;
     grid-auto-flow: dense;
 }
 @media screen and (max-width: 767px){
     .games-container .games-grid {
         padding: 10px 0;
     }
 }
 @media screen and (max-width: 767px){
     .home .games-container .games-grid, .casino .games-container .games-grid {
         grid-gap: 5px;
         grid-template-columns: repeat(3, 1fr);
         grid-auto-flow: dense;
     }
 }
 .home .games-container .game .picture, .casino .games-container .game .picture {
     border-radius: 6px;
     width: 100%;
     height: 100%;
     min-height: auto;
 }
 @media screen and (max-width: 767px){
     .casino .games-main, .home .games-main {
         padding: 0;
     }
 }
 body::-webkit-scrollbar {
     width: 6px;
     background-color: #2e2e2e;
 }
 body::-webkit-scrollbar-thumb {
     background-color: #1962ff;
 }
 .container-fluid>.row {
     margin-bottom: 15px;
 }
 .games-filter-container .providers-container .providers .provider:hover .provider-name, .games-filter-container .providers-container .providers .provider.active .provider-name {
     color: #1962ff;
 }
 .games-filter-container .providers-container .providers .provider:hover .image, .games-filter-container .providers-container .providers .provider.active .image {
     border: 1px solid #1962ff;
 }
 .modal-providers-container {
     position: fixed;
     top: 0;
     left: 0;
     display: none;
     width: 100% !important;
     height: 100% !important;
     padding: 0 !important;
     margin: 0 !important;
     z-index: 901;
 }
 .modal-providers-container .close-providers {
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.4);
     z-index: 1;
 }
 .modal-providers-container .modal-providers {
     position: relative;
     display: flex;
     flex-direction: column;
     height: auto;
     max-height: 100%;
     width: 500px;
     max-width: 100%;
     margin: 0 auto;
     background: #121212;
     z-index: 2;
 }
 @media (min-width: 768px){
     .modal-providers-container .modal-providers {
         max-height: 90vh;
         margin: 10px auto;
         border-radius: 10px;
         overflow: hidden;
     }
 }
 .modal-providers-container .modal-providers .casino-filters {
     position: relative;
     display: grid;
     display: flex;
     justify-content: flex-end;
     grid-template-columns: minmax(100px, 50%) minmax(100px, 50%);
     grid-gap: 15px;
     padding: 5px;
     background: #292929;
     font-size: .875rem;
 }
 .modal-providers-container .modal-providers .casino-filters .query-filter {
     position: relative;
     background-color: #212121;
     border-radius: 6px;
     z-index: 1;
 }

 .modal-providers-container .modal-providers .casino-filters .query-filter input {
     height: 100%;
     outline: 0 !important;
     box-shadow: none;
     font-size: .875rem;
     background: rgba(0,0,0,0);
     padding-left: 40px;
     color: #fff;
 }
 .modal-providers-container .modal-providers .casino-filters .query-filter i {
     position: absolute;
     top: 10px;
     left: 11px;
     color: #fff;
     font-size: 16px;
     opacity: .3;
     z-index: -1;
 }
 .modal-providers-container .modal-providers .casino-filters .providers-button {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     background-color: #212121;
     color: #fff;
     border-radius: 6px;
     z-index: 1;
     width: 100%;
     padding: 10px;
     border-radius: 6px;
     cursor: pointer;
     gap: 8px;
 }
 .modal-providers-container .modal-providers .casino-filters .query-filter, .modal-providers-container .modal-providers .casino-filters .providers-button {
     width: max-content;
 }
 .modal-providers-container .modal-providers .casino-filters .providers-button span {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 1.3;
 }
 .modal-providers-container .modal-providers .providers-list-container {
     position: relative;
     display: flex;
     flex-direction: column;
     padding: 0;
     width: 100%;
     max-height: 100%;
     overflow: auto;
 }
 .modal-providers-container .modal-providers .providers-list-container .list {
     display: flex;
     flex-direction: column;
     list-style: none;
     padding: 10px;
 }
 .modal-providers-container .modal-providers .providers-list-container .list.exclusive {
     background: #2e2e2e;
 }
 .modal-providers-container .modal-providers .providers-list-container .list li {
     display: flex;
     margin: 4px 0;
 }
 .modal-providers-container .modal-providers .providers-list-container .list li a {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     color: #fff;
     padding: 1px;
     border-radius: 32px;
 }
 .modal-providers-container .modal-providers .providers-list-container .list li a .provider {
     display: flex;
     align-items: center;
 }
 .modal-providers-container .modal-providers .providers-list-container .list li a .provider .provider-logo {
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 36px;
     width: 36px;
     border-radius: 50%;
     background: #000;
     margin-right: 10px;
 }
 .modal-providers-container .modal-providers .providers-list-container .list li a .provider .provider-logo img {
     max-width: 24px;
     max-height: 24px;
     /*display: none;*/
 }
 .modal-providers-container .modal-providers .providers-list-container .list li a i {
     display: none;
     color: #1962ff;
     margin-right: 7px;
 }
 .modal-providers-container .modal-providers .providers-list-container .list.exclusive li a i {
     display: block;
     font-size: 1.125rem;
 }
 .modal-providers-container .modal-providers .providers-list-container .list.exclusive li:first-child a i {
     display: none;
 }
 .d-hidden{
     overflow: hidden;
 }
 .modal-providers-container .modal-providers .providers-list-container .list li a.active, .modal-providers-container .modal-providers .providers-list-container .list li a:hover {
     background-color: #1962ff;
     color: #2e2e2e;
 }
 .modal-providers-container .modal-providers .providers-list-container .list li a.active i, .modal-providers-container .modal-providers .providers-list-container .list li a:hover i {
     color: #2e2e2e;
 }
 .modal-providers-container .modal-providers .providers-list-container .list.exclusive li a i {
     display: block;
     font-size: 1.125rem;
 }

 .casino-vivo .games-container, .home .games-container, .live-casino .games-container {
     margin-bottom: 0;
 }
 .home .games-container .game, .casino-vivo .games-container .game, .live-casino .games-container .game {
     margin: 0;
 }
 .alert-danger{
    background-color: #ef444433;
    border-color: #ef4444;
 }
 .alert-danger p{
     color: #ef4444;
     margin-bottom: 0;
     font-family: "Roboto",Arial,sans-serif;
     font-weight: 600;
 }
 @media screen and (max-width: 767px){
     .casino .games-main .slider, .home .games-main .slider {
         margin: 0;
     }
 }
 @media screen and (max-width: 767px){
     .casino .main, .home .main, .live-casino .main {
         padding: 5px;
     }
 }
 .home .games-main, .casino-vivo .games-main, .live-casino .games-main {
     padding: 0;
 }
 @media screen and (max-width: 991px){
     .home-section-container .other-container .other .item .button-item .btn {
         padding: 5px;
     }
 }
 .home-section-container .home-section .home-title {
     display: flex;
     justify-content: center;
     z-index: 20;
     padding: 15px 0;
 }
 .home-section-container .home-section .home-title h3 {
     color: #e2e2e2;
     font-size: 1rem;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 15px;
     margin: 0;
     display: flex;
     align-items: center;
     width: 100%;
     gap: 10px;
 }
 .home-section-container .home-section .home-title h3::after, .home-section-container .home-section .home-title h3::before {
     content: "";
     position: relative;
     width: 100%;
     height: 3px;
     flex: 1;
     background: #e2e2e2;
 }
 .home-section-container .home-section .home-title h3::before {
     background: linear-gradient(to right, transparent, #e2e2e2);
 }
 .home-section-container .home-section .home-title h3::after {
     background: linear-gradient(to right, #e2e2e2, transparent);
 }
 .home-section-container .home-section .home-item {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }
 .home-section-container .home-section .home-item .swiper.individual-games {
     height: auto;
     width: 100%;
 }
 .swiper-wrapper {
     box-sizing: initial;
     display: flex;
     height: 100%;
     position: relative;
     transition-property: transform;
     width: 100%;
     z-index: 1;
 }
 .swiper-slide {
     flex-shrink: 0;
     height: 100%;
     position: relative;
     transition-property: transform;
     width: 100%;
 }
 .home-section-container .home-section .home-item .swiper.individual-games .swiper-slide {
     /* width: auto; */
     max-width: 180px;
     margin-right: 10px;
     display: flex;
 }
 @media screen and (max-width: 991px) {
     .home-section-container .home-section .home-item .swiper.individual-games .swiper-slide {
         max-width: 115px;
         margin-right: 5px;
     }
 }

 .home .games-container .game, .casino .games-container .game {
     flex-basis: auto;
     height: 100%;
     margin: 0;
 }
 .home-section-container .home-section .home-item .game {
     width: 100%;
 }
 .home-section-container .home-section .home-item .swiper-button-next, .home-section-container .home-section .home-item .swiper-button-prev {
     color: #1962ff;
     background: rgba(0,0,0,.7);
     padding: 5px;
     border-radius: 8px;
 }
 .home-section-container .home-section .home-item .swiper-button-next::after, .home-section-container .home-section .home-item .swiper-button-prev::after {
     font-size: 24px;
     font-weight: 800;
 }
 body .providers-list-container::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 }
 body .providers-list-container::-webkit-scrollbar-thumb {
     background-color: #1962ff;
 }
 body .providers-list-container::-webkit-scrollbar {
     width: 6px;
     background-color: #2e2e2e;
 }

@media (max-width: 1280px) {
  .mobile-hide-7-8:nth-child(n+7) {
    display: none;
  }
}

.modal-overlay-user {
    position: fixed;
    inset: 0;
    background: #000000bf;
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem
}

.modal-content-user {
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    background: #000719;
    border-radius: 1rem;
    box-shadow: 0 25px 50px #00000080;
    border: 1px solid rgba(59,130,246,.3);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.account-modal {
    color: #fff!important
}

.modal-header-user {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid rgba(59,130,246,.2);
    background: #3b82f60d;
    display: block;
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.modal-header-user h2 {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}

.close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #ffffff0d;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease
}

.close-btn:hover {
    background: #ffffff1a;
    transform: rotate(90deg)
}

.user-info-section {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .75rem
}

.info-row {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem 1rem;
    background: #3b82f61a;
    border-radius: .5rem;
    border: 1px solid rgba(59,130,246,.2)
}

.info-label {
    font-size: .875rem;
    color: #fff;
    opacity: .7;
    font-weight: 500
}

.info-value {
    font-size: .875rem;
    color: #fff;
    font-weight: 600
}

.action-buttons {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap
}

.action-buttons a {
    flex: 1;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .75rem 1.25rem;
    border: none;
    border-radius: .5rem;
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease
}

.btn-secondary {
    background: #3b82f633;
    color: #fff;
    border: 1px solid rgba(59,130,246,.4)
}

.btn-secondary:hover:not(:disabled) {
    background: #3b82f64d;
    border-color: #3b82f680;
    transform: translateY(-2px)
}

.btn-danger {
    background: #ef444426;
    color: #ef4444;
    border: 1px solid rgba(239,68,68,.3)
}

.btn-danger:hover:not(:disabled) {
    background: #ef444440;
    border-color: #ef444480;
    transform: translateY(-2px)
}

.btn-danger:disabled,.btn-secondary:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none
}

.tabs {
    display: flex;
    gap: .5rem;
    padding: 1rem 2rem 0;
    border-bottom: 1px solid rgba(59,130,246,.2);
    background: #3b82f608
}

.tab-btn {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #fff;
    font-size: .9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s ease;
    white-space: nowrap;
    opacity: .6
}

.tab-btn:hover {
    opacity: 1;
    background: color-mix(in srgb,var(--theme-primary, #3b82f6) 10%,transparent)
}

.tab-btn.active {
    opacity: 1;
    border-bottom-color: var(--theme-primary, #3b82f6);
    color: var(--theme-primary, #3b82f6)
}


.modal-enter-active,.modal-leave-active {
    transition: all .3s ease
}

.modal-enter-from,.modal-leave-to {
    opacity: 0
}

.modal-enter-from .modal-content-user,.modal-leave-to .modal-content-user {
    transform: scale(.9) translateY(20px)
}

@media(max-width: 768px) {
    .modal-content-user {
        max-height:85vh
    }

    .modal-header-user {
        padding: 1.25rem 1.5rem
    }

    .header-top {
        margin-bottom: 1rem
    }

    .modal-header-user h2 {
        font-size: 1.25rem
    }

    .info-grid {
        grid-template-columns: 1fr;
    }

    .action-buttons {
        flex-direction: column
    }

    .action-buttons a {
        min-width: auto;
        width: 100%
    }

    .tabs {
        padding: .75rem 1.5rem 0
    }

    .tab-btn {
        padding: .625rem 1rem;
        font-size: .875rem
    }

    .modal-enter-from .modal-content-user,.modal-leave-to .modal-content-user {
        transform: translateY(100%)
    }
}

@media(max-width: 640px) {
    .tab-btn span {
        display:none
    }

    .tab-btn {
        padding: .625rem .875rem
    }
}