.submitWrapper {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
       -ms-flex-wrap: nowrap;
           flex-wrap: nowrap;
   }

   .submitWrapper .grecaptcha-badge {
       position: relative !important;
       margin: auto;
       right: unset !important;
       bottom: 0 !important;
       scale: 0.7;
   }

   .submitWrapper div:first-of-type {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
   }

   .signBtn {
       position: relative;
       background-color: #c2a76f;
       color: #000;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       max-width: 100%;
       width: 200px;
       height: 40px;
       border-radius: 7px;
       -webkit-box-pack: center;
           -ms-flex-pack: center;
               justify-content: center;
       padding: 10px 4px;
       font-size: 20px;
       text-align: center;
       font-weight: bold;
       text-decoration: none;
       border: none;
       margin: 20px auto 5px;
       cursor: pointer;
   }

   .signBtn:hover {
       background-color: #eeeeee;
       color: #223c66;
   }

   .drSignUp input {
       color: #efeeee;
   }

   .drSignUp .input-container {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       /* Vertically center the items */
       -webkit-box-pack: end;
           -ms-flex-pack: end;
               justify-content: flex-end;
       /* Aligns content to the right side of the container */
   }

   .drSignUp .input-field {
       border: none;
       /* Remove default input border as container has one */
       outline: none;
       /* Remove focus outline */
       text-align: right;
       /* Aligns the text typed inside the input field to the right */
       -webkit-box-flex: 1;
           -ms-flex-positive: 1;
               flex-grow: 1;
       /* Allows the input to fill available space */
   }

   .icon {
       /* Add any specific styling for your icon (e.g., color, margin) */
       margin-left: 8px;
       /* Add some space between the text and icon */
   }


   .fade-down {
       /* Apply the animation */
       -webkit-animation: fadeInMoveDown 1s ease-out forwards;
               animation: fadeInMoveDown 1s ease-out forwards;
   }

   @-webkit-keyframes fadeInMoveDown {
       0% {
           opacity: 0;
           /* Start 3rem above its final position */
           -webkit-transform: translateY(-3rem);
                   transform: translateY(-3rem);
       }

       100% {
           opacity: 1;
           /* End at its final position */
           -webkit-transform: translateY(0);
                   transform: translateY(0);
       }
   }

   @keyframes fadeInMoveDown {
       0% {
           opacity: 0;
           /* Start 3rem above its final position */
           -webkit-transform: translateY(-3rem);
                   transform: translateY(-3rem);
       }

       100% {
           opacity: 1;
           /* End at its final position */
           -webkit-transform: translateY(0);
                   transform: translateY(0);
       }
   }

   .social-icons-btn {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;

   }

   .icons {
       width: 40px;
       height: 40px;
       /* font-size: 2.5rem; */
       font-weight: 500;
       text-decoration: none;
       background: #111;
       margin: 0.2rem;
       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;
       border-radius: 50%;
       -webkit-box-shadow:
           0 2px 2px #d1d1d1;
               box-shadow:
           0 2px 2px #d1d1d1;
       color: #fff !important;
       cursor: pointer;
       -webkit-transition:
           all 0.15s ease;
       -o-transition:
           all 0.15s ease;
       transition:
           all 0.15s ease;
   }

   .google:hover {
       background: #058f00;

   }

   .facebook:hover {
       background: #4267B2;
   }

   .apple:hover {
       background: #252525;
   }

   .social-icons-btn a:hover {
       color: #f9f9f9;
       text-decoration: none;
   }



   .blackfade {
       background-color: #000000de;
       position: fixed;
       top: 0;
       left: 12px;
       width: 100%;
       height: 100%;
       backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(10px);
       z-index: 9999;
   }

   .blackfade p {
       font-family: 'Barlow Semi Condensed', sans-serif;
       font-size: 16px;
       text-align: center;
       color: #ffffff;
       margin-bottom: .3rem;
   }


   .blackfade a {
       color: #0dbaf0;
   }

   .blackfade a:hover {
       color: #0dcaf0;
   }




   .form-control {
       width: 100%;
       display: inline-block;
       margin-bottom: 0px;
       height: 33px;
       background: #ffffff;
       border: none;
       color: #000000 !important;
       border-radius: 0.5rem;
   }

   .form-label {
       color: aliceblue;
   }

   .form-error {
       color: red;
       font-weight: bold;
       font-size: 14px;
   }



   .casino-input {
       /* font-size: 16px; */
       background-color: #00000054;
       border: 1px solid #c2a76f;
       color: #efeeee;
       border-radius: 6px;
       width: 100%;
       padding: 6px;
   }

   .casino-input:focus {
       /* border-color: #006eff; */
       -webkit-box-shadow: 0 0 0 0.2rem rgb(0 208 255 / 25%);
               box-shadow: 0 0 0 0.2rem rgb(0 208 255 / 25%);
       background-color: #071423;
       color: #efeeee;
   }

   .casino-input::value {
       color: #efeeee;
   }

   .casino-input::-webkit-input-placeholder {
       color: #efeeee;
   }

   .casino-input::-moz-placeholder {
       color: #efeeee;
   }

   .casino-input:-ms-input-placeholder {
       color: #efeeee;
   }

   .casino-input::-ms-input-placeholder {
       color: #efeeee;
   }

   .casino-input::placeholder {
       color: #efeeee;
   }


   .casino-input-addon {
       border-color: #c2a76f !important;
       color: #888 !important;
       padding: 0 15px;
   }


   .mb-3 {
       margin-bottom: 0.4rem !important;
   }






   /* COVER2 */
   .button-cover5 {
       min-width: 276px;
       position: relative;
       overflow: hidden;
       border: 1px solid #18181a;
       color: #18181a;
       display: inline-block;
       font-size: 40px;
       /*    line-height: 20px;
    padding: 30px 0px 30px;*/
       text-decoration: none;
       cursor: pointer;
       /* background: #1e52a3; */
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
       -webkit-user-select: none;
       -ms-touch-action: manipulation;
           touch-action: manipulation;
       margin-top: 10px;
   }

   .button-cover5 span:first-child {
       /* color: #ffffff; */
       position: relative;
       -webkit-transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
       -o-transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
       transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
       z-index: 10;
   }

   .button-cover5 span:last-child {
       color: white;
       display: block;
       position: absolute;
       bottom: 0;
       -webkit-transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
       -o-transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
       transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
       z-index: 100;
       opacity: 0;
       top: 50%;
       left: 50%;
       -webkit-transform: translateY(225%) translateX(-50%);
           -ms-transform: translateY(225%) translateX(-50%);
               transform: translateY(225%) translateX(-50%);
       /*        padding: 30px 0px 30px;
        line-height: 60px;*/
       /*        font-size: 25px;*/
   }

   .button-cover5:after {
       content: "";
       position: absolute;
       bottom: -50%;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: #1e52a3;
       -webkit-transform-origin: bottom center;
           -ms-transform-origin: bottom center;
               transform-origin: bottom center;
       -webkit-transition: -webkit-transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
       transition: -webkit-transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
       -o-transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
       transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
       transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1), -webkit-transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
       -webkit-transform: skewY(9.3deg) scaleY(0);
           -ms-transform: skewY(9.3deg) scaleY(0);
               transform: skewY(9.3deg) scaleY(0);
       z-index: 50;
   }

   .button-cover5:hover:after {
       -webkit-transform-origin: bottom center;
           -ms-transform-origin: bottom center;
               transform-origin: bottom center;
       -webkit-transform: skewY(9.3deg) scaleY(2);
           -ms-transform: skewY(9.3deg) scaleY(2);
               transform: skewY(9.3deg) scaleY(2);
   }

   .button-cover5:hover span:last-child {
       -webkit-transform: translateX(-50%) translateY(-100%);
           -ms-transform: translateX(-50%) translateY(-100%);
               transform: translateX(-50%) translateY(-100%);
       opacity: 1;
       -webkit-transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
       -o-transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
       transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
   }




   .lds-roller {
       display: inline-block;
       position: relative;
       width: 80px;
       height: 80px;
   }

   .lds-roller div {
       -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
               animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
       -webkit-transform-origin: 40px 40px;
           -ms-transform-origin: 40px 40px;
               transform-origin: 40px 40px;
   }

   .lds-roller div:after {
       content: " ";
       display: block;
       position: absolute;
       width: 7px;
       height: 7px;
       border-radius: 50%;
       background: #fff;
       margin: -4px 0 0 -4px;
   }

   .lds-roller div:nth-child(1) {
       -webkit-animation-delay: -0.036s;
               animation-delay: -0.036s;
   }

   .lds-roller div:nth-child(1):after {
       top: 63px;
       left: 63px;
   }

   .lds-roller div:nth-child(2) {
       -webkit-animation-delay: -0.072s;
               animation-delay: -0.072s;
   }

   .lds-roller div:nth-child(2):after {
       top: 68px;
       left: 56px;
   }

   .lds-roller div:nth-child(3) {
       -webkit-animation-delay: -0.108s;
               animation-delay: -0.108s;
   }

   .lds-roller div:nth-child(3):after {
       top: 71px;
       left: 48px;
   }

   .lds-roller div:nth-child(4) {
       -webkit-animation-delay: -0.144s;
               animation-delay: -0.144s;
   }

   .lds-roller div:nth-child(4):after {
       top: 72px;
       left: 40px;
   }

   .lds-roller div:nth-child(5) {
       -webkit-animation-delay: -0.18s;
               animation-delay: -0.18s;
   }

   .lds-roller div:nth-child(5):after {
       top: 71px;
       left: 32px;
   }

   .lds-roller div:nth-child(6) {
       -webkit-animation-delay: -0.216s;
               animation-delay: -0.216s;
   }

   .lds-roller div:nth-child(6):after {
       top: 68px;
       left: 24px;
   }

   .lds-roller div:nth-child(7) {
       -webkit-animation-delay: -0.252s;
               animation-delay: -0.252s;
   }

   .lds-roller div:nth-child(7):after {
       top: 63px;
       left: 17px;
   }

   .lds-roller div:nth-child(8) {
       -webkit-animation-delay: -0.288s;
               animation-delay: -0.288s;
   }

   .lds-roller div:nth-child(8):after {
       top: 56px;
       left: 12px;
   }

   @-webkit-keyframes lds-roller {
       0% {
           -webkit-transform: rotate(0deg);
                   transform: rotate(0deg);
       }

       100% {
           -webkit-transform: rotate(360deg);
                   transform: rotate(360deg);
       }
   }

   @keyframes lds-roller {
       0% {
           -webkit-transform: rotate(0deg);
                   transform: rotate(0deg);
       }

       100% {
           -webkit-transform: rotate(360deg);
                   transform: rotate(360deg);
       }
   }


   .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
       padding: 0px 10px 0px 10px;
       height: 61px;
   }



   .input-group {
       position: relative;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: nowrap;
           flex-wrap: nowrap;
       -webkit-box-align: stretch;
           -ms-flex-align: stretch;
               align-items: stretch;
       width: 100%;
   }



   .green {
       color: #00ff2a !important;
       font-weight: bold;
   }



   #s3SAcceptsPromotions {
       margin-top: 6px;
       position: absolute;
       /* left: 0px; */
       margin-left: 9px;
   }




   .form-control::-webkit-input-placeholder {
       color: #0000008c !important;
   }

   /* For Edge */
   .form-control:-ms-input-placeholder {
       color: #0000008c !important;
   }

   /* For Internet Explorer */
   .form-control::-ms-input-placeholder {
       color: #0000008c !important;
   }

   /* For the rest of the universe */
   .form-control::-webkit-input-placeholder {
       color: #0000008c !important;
   }
   .form-control::-moz-placeholder {
       color: #0000008c !important;
   }
   .form-control:-ms-input-placeholder {
       color: #0000008c !important;
   }
   .form-control::-ms-input-placeholder {
       color: #0000008c !important;
   }
   .form-control::placeholder {
       color: #0000008c !important;
   }

   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
       -webkit-appearance: none;
   }

   #d3StepSignUp {
       color: #000;
   }

   .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
       padding: 0px 10px 0px 10px;
       height: 38px;
       /* position: absolute;
    left: 152px; */
       border-radius: 0px;
       border-top-right-radius: 6px;
       border-bottom-right-radius: 6px;
       -webkit-box-shadow: none;
               box-shadow: none;
       border-color: #c2a76f;
       border-left-color: #001434;
   }

   .btn-outline-secondary:hover {
       color: #fff;
       background-color: #fdfdfd00;
       border-color: #6c757d;
   }

   /* Blue */
   /*.info {
    border-color: #0dbaf0;
    color: white;
    background-color: #ffffff00;
    padding: 18px 0px;
    width: 280px;
    font-family: 'Marcellus SC', serif;
    font-size: 40px;
    margin-bottom: 10px;
    border-radius: 0px;
}


    .info:hover {
        background: #0dbaf0;
        color: white;
    }
*/
   .aff-log {

       background-image: url(../images/header-bg2.jpg);
       /* background-image: url(../images/header-bg-xmas.jpg); */
       background-repeat: no-repeat;
       background-position: center top;
       background-size: cover;
       background-color: #1a2631;

       position: relative;
       top: 5px;
       right: 0;
       max-width: 450px;
       /* width: 27%; */
       /* height: 100%;
    max-height: 700px; */
       z-index: 1030;
       background-color: #001434;
       overflow: auto;
       margin: 0 auto;
       border-radius: 28px;
   }



   .aff-base {
       padding: 10px;
       background-color: #0000008c;
       -webkit-backdrop-filter: blur(10px);
               backdrop-filter: blur(10px);
   }

   .aff-base h2 {
       font-size: 35px;
       text-align: center;
       padding-top: 35px;
   }

   .aff-base h4 {
       font-size: 25px;
       text-align: center;
       line-height: 2;
   }

   /* .aff-form {
    padding: 20px;
} */

   .aff-form h2 {
       font-size: 34px;
       line-height: 32px;
   }


   .aff-form h5 {
       font-family: 'Barlow Semi Condensed', sans-serif;
       font-size: 19px;
       line-height: 32px;
       cursor: pointer;
       text-align: center;
   }

   .aff-form h5:hover {
       text-decoration: underline;
   }

   .sidebar {
       display: none;
       max-width: 100%;
   }

   .sidebar.opened {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -ms-flex-flow: wrap;
       flex-flow: wrap;
       overflow: auto;
   }

   .fa-xmark {
       color: red;
       position: relative;
       font-size: 22px;
       float: right;
       cursor: pointer;
       right: 13px;
       top: 10px;
   }

   i,
   i:after,
   i:before {
       background: none;
   }


   /*Media Queries*/
   @media screen and (min-width: 240px) and (max-width: 480px) and (orientation: portrait) {
       .aff-log {
           width: 100%;
           top: 20px;
           position: absolute;
       }

   }



   @media screen and (min-width: 481px) and (max-width: 812px) and (orientation: landscape) {
       .aff-log {
           width: 100%;
           top: 20px;
           position: absolute;
       }
   }




   @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
       .aff-log {
           width: 100%;
       }
   }


   @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
       .aff-log {
           width: 100%;
       }
   }


   @media (max-width: 993px) and (orientation: landscape) {
       .modal-inner {
           -webkit-box-pack: start;
               -ms-flex-pack: start;
                   justify-content: flex-start;
       }
   }




   @-webkit-keyframes slide-down {
       0% {
           opacity: 0;
       }

       100% {
           opacity: 1;
       }
   }




   @keyframes slide-down {
       0% {
           opacity: 0;
       }

       100% {
           opacity: 1;
       }
   }

   .first-block-content {
       -webkit-animation-duration: 0.5s;
               animation-duration: 0.5s;
       -webkit-animation-name: slide-down;
               animation-name: slide-down;
       -webkit-animation-timing-function: ease-out;
               animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
               animation-iteration-count: 1;
       -webkit-animation-fill-mode: forwards;
               animation-fill-mode: forwards;
   }


   .mobile-input-container {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       max-width: 300px;
       overflow: hidden;
       padding: 0px;
   }

   .mobile-input-container .prefix {
       font-weight: 300;
       font-size: 14px;
       color: #ffffff;
   }

   .mobile-input-container input {
       -webkit-box-flex: 1;
           -ms-flex-positive: 1;
               flex-grow: 1;
       font-size: 14px;
       outline: none;
   }

   /* Roller Loader */