.promotional-carousel-banner {
  overflow: hidden;
  position: relative;
  height: 100%;
  box-sizing: border-box; }
  .promotional-carousel-banner__inner-wrap {
    position: relative;
    height: 100%;
    box-sizing: border-box; }
    @media screen and (max-width: 585px) {
      .promotional-carousel-banner__inner-wrap {
        height: calc(100% - 36px); } }
  .promotional-carousel-banner__text {
    z-index: 2; }
    .promotional-carousel-banner__text a[href^="tel"] {
      pointer-events: none;
      text-decoration: none;
      color: inherit; }

.promotional-carousel-banner_welcome-casino {
  background: linear-gradient(to top, #11141e 0%, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
  font-family: "Pinup-Regular", sans-serif; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_envelope {
    left: 2%;
    bottom: 0;
    width: 55%;
    height: 100%;
    position: absolute;
    background: url(img/envlope.png) no-repeat center bottom;
    background-size: contain; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__text {
    position: absolute;
    top: 51%;
    right: 8%;
    max-width: 205px;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: white;
    transform: translateY(-50%); }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_chip {
    position: absolute;
    right: -7%;
    bottom: 0%;
    width: 50%;
    height: 100%;
    background: url(img/right-chip.png) no-repeat center bottom;
    background-size: cover; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__chip-wrap {
    position: absolute;
    width: 240px;
    right: 14%;
    text-align: center;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__h2 {
    display: block;
    margin: 0;
    color: #24bb9d;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__h4 {
    font-weight: 700;
    margin-top: 8px;
    display: block;
    color: white;
    margin-bottom: 30%;
    font-size: 19px; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__stars {
    top: 10%;
    position: absolute;
    height: 70%;
    left: 3%;
    width: 50%; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star {
    position: absolute;
    background: url(img/star.png) no-repeat center bottom;
    background-size: contain;
    width: 40px;
    height: 40px;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(1) {
    top: 36%;
    left: 38%;
    -webkit-animation-name: welcome-star-1;
            animation-name: welcome-star-1; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(2) {
    width: 50px;
    height: 50px;
    top: -7%;
    left: 35%;
    -webkit-animation-name: welcome-star-2;
            animation-name: welcome-star-2; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(3) {
    width: 50px;
    height: 50px;
    top: -18%;
    left: 42%;
    -webkit-animation-name: welcome-star-3;
            animation-name: welcome-star-3; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(4) {
    top: 46%;
    left: -5%;
    -webkit-animation-name: welcome-star-4;
            animation-name: welcome-star-4; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(5) {
    top: 3%;
    left: 12%;
    -webkit-animation-name: welcome-star-5;
            animation-name: welcome-star-5; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(6) {
    width: 50px;
    height: 50px;
    top: 69%;
    left: 57%;
    -webkit-animation-name: welcome-star-6;
            animation-name: welcome-star-6; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(7) {
    width: 50px;
    height: 50px;
    top: 16%;
    left: 82%;
    -webkit-animation-name: welcome-star-7;
            animation-name: welcome-star-7; }
  .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__star:nth-child(8) {
    top: 34%;
    left: 13%;
    -webkit-animation-name: welcome-star-8;
            animation-name: welcome-star-8; }
  .promotional-carousel-banner_welcome-casino-az .promotional-carousel-banner__text {
    right: 15%;
    top: 52%; }

@-webkit-keyframes welcome-star-1 {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 1; }
  23% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-1 {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 1; }
  23% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes welcome-star-2 {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 0; }
  23% {
    opacity: 1; }
  35.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-2 {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 0; }
  23% {
    opacity: 1; }
  35.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes welcome-star-3 {
  0% {
    opacity: 0; }
  23% {
    opacity: 0; }
  35.5% {
    opacity: 1; }
  48% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-3 {
  0% {
    opacity: 0; }
  23% {
    opacity: 0; }
  35.5% {
    opacity: 1; }
  48% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes welcome-star-4 {
  0% {
    opacity: 0; }
  35.5% {
    opacity: 0; }
  48% {
    opacity: 1; }
  60.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-4 {
  0% {
    opacity: 0; }
  35.5% {
    opacity: 0; }
  48% {
    opacity: 1; }
  60.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes welcome-star-5 {
  0% {
    opacity: 0; }
  48% {
    opacity: 0; }
  60.5% {
    opacity: 1; }
  73% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-5 {
  0% {
    opacity: 0; }
  48% {
    opacity: 0; }
  60.5% {
    opacity: 1; }
  73% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes welcome-star-6 {
  0% {
    opacity: 0; }
  10.5% {
    opacity: 1; }
  23% {
    opacity: 0; }
  35% {
    opacity: 1; }
  47% {
    opacity: 0; }
  60.5% {
    opacity: 0; }
  72.5% {
    opacity: 1; }
  85.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-6 {
  0% {
    opacity: 0; }
  10.5% {
    opacity: 1; }
  23% {
    opacity: 0; }
  35% {
    opacity: 1; }
  47% {
    opacity: 0; }
  60.5% {
    opacity: 0; }
  72.5% {
    opacity: 1; }
  85.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes welcome-star-7 {
  0% {
    opacity: 0; }
  8.5% {
    opacity: 1; }
  19% {
    opacity: 0; }
  35% {
    opacity: 1; }
  47% {
    opacity: 0; }
  60.5% {
    opacity: 1; }
  72.5% {
    opacity: 0; }
  85.5% {
    opacity: 1; }
  97.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-7 {
  0% {
    opacity: 0; }
  8.5% {
    opacity: 1; }
  19% {
    opacity: 0; }
  35% {
    opacity: 1; }
  47% {
    opacity: 0; }
  60.5% {
    opacity: 1; }
  72.5% {
    opacity: 0; }
  85.5% {
    opacity: 1; }
  97.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes welcome-star-8 {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 1; }
  23% {
    opacity: 0; }
  35% {
    opacity: 1; }
  47% {
    opacity: 0; }
  60% {
    opacity: 1; }
  72% {
    opacity: 0; }
  84% {
    opacity: 1; }
  97.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes welcome-star-8 {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 1; }
  23% {
    opacity: 0; }
  35% {
    opacity: 1; }
  47% {
    opacity: 0; }
  60% {
    opacity: 1; }
  72% {
    opacity: 0; }
  84% {
    opacity: 1; }
  97.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@media screen and (max-width: 1280px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_envelope {
        width: 566px; } }

@media screen and (max-width: 1180px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_envelope {
        width: 498px;
        left: -4%; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__text {
        top: 57%; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_chip {
        width: 460px; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__chip-wrap {
        right: 13%; } }

@media screen and (max-width: 1030px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_chip {
        right: -8%; } }

@media screen and (max-width: 980px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_envelope {
        left: 0px; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_chip {
        width: 46%;
        right: -4.7%;
        background-size: auto; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__chip-wrap {
        right: 10%; } }

@media screen and (max-width: 860px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_chip {
        right: -2.7%; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__chip-wrap {
        right: 6%; } }

@media screen and (max-width: 800px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_chip {
        width: 49%;
        background-size: cover; } }

@media screen and (max-width: 768px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__text {
        top: 58%;
        right: 7%; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_chip {
        background: none; }
      .promotional-carousel-banner_welcome-casino-az .promotional-carousel-banner__text {
        right: 15%; } }

@media screen and (max-width: 700px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_envelope {
        background-image: url(img/enevlope-mob.png);
        width: 55%; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__text {
        display: none; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__stars {
        display: none; } }

@media screen and (max-width: 480px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_envelope {
        width: 50%;
        background-size: 81%; } }

@media screen and (max-width: 400px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__chip-wrap {
        width: 210px; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__h2 {
        font-size: 18px; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__h4 {
        font-size: 17px; } }

@media screen and (max-width: 350px) {
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__column_envelope {
        width: 50%;
        background-size: 100%;
        background-position: -12px 100%; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__chip-wrap {
        width: 195px; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__h2 {
        font-size: 17px; }
      .promotional-carousel-banner_welcome-casino .promotional-carousel-banner__h4 {
        font-size: 16px; } }