@font-face {
  font-family: SuisseIntl-SemiBold;
  src: url(../fonts/SuisseIntl-SemiBold.woff)
}

@font-face {
  font-family: WulkanDisplay-SemiBoldItalic;
  src: url(../fonts/WulkanDisplay-SemiBoldItalic.woff)
}

html {
  height: 100%
}

body {
  margin: 0;
  height: 100%
}

a {
  text-decoration: none
}

ul {
  list-style: none
}

h1,
h2,
h3,
li,
p,
ul {
  padding: 0;
  margin: 0
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
  -webkit-tap-highlight-color: transparent;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  background: #005
}

body img,
body picture {
  max-width: 100%;
  height: auto
}

.light .bannerSam {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(https://www.favbet.ro/minio/new-promo/new-welcome/sport-vs-casino/build/casino/ro/img/light/welcome-bonus_desktop_1920x757_px_ro.webp);
    background-repeat: no-repeat;
    background-position: center;    
    background-size: contain;
    height: 534px;
}

.dark .bannerSam {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(https://www.favbet.ro/minio/new-promo/new-welcome/sport-vs-casino/build/casino/ro/img/dark/welcome-bonus_desktop_1920x757_px_ro.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 534px;
}
@media screen and (max-width:1366px) {
  .bannerSam {
    background: url(../img/bg-tab.jpg) no-repeat 0 0/cover
  }
}

@media screen and (max-width:570px) and (min-height:500px) {
  .bannerSam {
    background: url(../img/bg-mob.jpg) no-repeat 0 0/cover
  }
}

.bannerSam::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  height: 100%;
}

.bannerSam__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1366px;
  margin: 0 auto;
  padding-left: 100px;
  position: relative;
  z-index: 2
}

.bannerSam__left {
  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;
  z-index: 2;
  padding: 120px 0 76px
}

.bannerSam__title {
  font-family: SuisseIntl-SemiBold, sans-serif;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  text-align: center;
  color: #e8e8e8;
  white-space: nowrap
}

.bannerSam__title .magenta-txt {
  font-family: WulkanDisplay-SemiBoldItalic, sans-serif;
  color: #ff267e;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: 1.95px
}

.bannerSam__bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 126%;
  margin-top: 17px;
  margin-bottom: 30px
}

.bannerSam__bonus-left,
.bannerSam__bonus-right {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%
}

.bannerSam__bonus-left {
  position: relative
}

.bannerSam__bonus-left::before {
  content: "";
  display: block;
  width: 47px;
  height: 39px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background: url(../img/plus.svg) no-repeat 0 0/contain
}

.bannerSam__bonus-item {
  font-size: 28px;
  line-height: 33px;
  letter-spacing: .84px;
  color: #e8e8e8;
  text-transform: uppercase;
  text-align: center;
  font-family: SuisseIntl-SemiBold, sans-serif
}

.bannerSam__link {
  pointer-events: initial;
  background: #05c48a;
  padding: 18px 30px 17px;
  border-radius: 4px;
  font-size: 20px;
  letter-spacing: 1.6px;
  color: #005;
  text-transform: uppercase;
  font-family: SuisseIntl-SemiBold, sans-serif
}

.bannerSam__link:hover {
  background: #09b47f;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.bannerSam__right {
  z-index: 1;
  margin: -5px 0 0 -32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

@media screen and (min-width:2200px) {
  .bannerSam {
    height: 654px
  }

  .bannerSam__container {
    max-width: 1517px
  }

  .bannerSam__left {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
  }

  .bannerSam__right {
    margin: 40px 0 0 35px
  }
}

@media screen and (max-width:1400px) {
  .bannerSam::before {
    width: 70%
  }

  .bannerSam__right {
    margin: 30px 26px 0 -2px
  }
}

@media screen and (max-width:1365px) {
  .bannerSam__container {
    width: 100%;
    padding: 0 30px 0 65px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .bannerSam__right {
    margin: 31px 0 0 0;
    width: 647px
  }
}

@media screen and (max-width:1308px) {
  .bannerSam__left {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
  }

  .bannerSam__right {
    margin: 36px 0 0 -69px
  }
}

@media screen and (max-width:1250px) {
  .bannerSam {
    height: 460px
  }

  .bannerSam__container {
    padding-left: 0
  }

  .bannerSam__left {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
  }

  .bannerSam__right {
    width: 567px
  }
}

@media screen and (max-width:1118px) {
  .bannerSam {
    height: 410px
  }

  .bannerSam__left {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
  }

  .bannerSam__right {
    width: 500px;
    margin-top: 29px
  }
}

@media screen and (max-width:1024px) {
  .bannerSam {
    height: 300px
  }

  .bannerSam__container {
    padding: 0 10px
  }

  .bannerSam__left {
    -webkit-transform: scale(.55);
    -ms-transform: scale(.55);
    transform: scale(.55);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
  }

  .bannerSam__right {
    width: 425px;
    margin: 36px 0 0 -130px;
    padding-right: 90px
  }
}

@media screen and (max-width:900px) {
  .bannerSam {
    height: 240px
  }

  .bannerSam__container {
    padding: 0
  }

  .bannerSam__left {
    -webkit-transform: scale(.45);
    -ms-transform: scale(.45);
    transform: scale(.45);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    margin-left: -125px
  }

  .bannerSam__right {
    width: 282px;
    margin-top: 22px;
    padding-right: 0
  }
}

@media screen and (max-width:600px) and (orientation:landscape) {
  .bannerSam {
    height: 200px
  }

  .bannerSam__left {
    -webkit-transform: scale(.38);
    -ms-transform: scale(.38);
    transform: scale(.38);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    margin-left: -155px
  }

  .bannerSam__right {
    width: 252px;
    margin: 0 0 0 -200px
  }

  body.dark .bannerSam__right::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #12131c), to(rgba(18, 19, 28, 0)));
    background: linear-gradient(0deg, #12131c 30%, rgba(18, 19, 28, 0) 100%);
    height: 100px
  }

  .bannerSam {
    height: 459px
  }

  .bannerSam__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 459px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto
  }

  .bannerSam__left {
    margin: 0;
    padding: 0;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
  }

  .bannerSam__title {
    font-family: SuisseIntl-SemiBold, sans-serif;
    font-size: 38px;
    line-height: 44px;
    letter-spacing: 1.14px;
    padding: 31px 10px 10px
  }

  .bannerSam__title .magenta-txt {
    font-family: WulkanDisplay-SemiBoldItalic, sans-serif;
    font-size: 38px;
    line-height: 44px;
    letter-spacing: 1.14px
  }

  .bannerSam__bonus {
    width: 405px;
    margin: 0 0 221px 0;
    min-width: 390px
  }

  .bannerSam__bonus-item {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .48px
  }

  .bannerSam__bonus-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .bannerSam__bonus-left::before {
    width: 32px;
    height: 26px
  }

  .bannerSam__link {
    font-size: 17px;
    padding: 18px 17px 17px
  }

  .bannerSam__right {
    margin: 0;
    padding: 0;
    height: 0
  }

  .bannerSam__right::after {
    content: "";
    position: absolute;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 85, 0)), color-stop(65.91%, #005));
    background: linear-gradient(180deg, rgba(0, 0, 85, 0) 0, #005 65.91%);
    width: 100%;
    height: 86px;
    bottom: 0
  }

  .bannerSam__right picture {
    position: absolute;
    bottom: 25px;
    width: 327px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
  }
}

@media screen and (max-width:373px) and (min-height:500px) {
  .bannerSam__title {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
  }

  .bannerSam__bonus {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    margin-top: -29px;
    margin-bottom: 250px
  }

  .bannerSam__right picture {
    bottom: 32px;
    width: 330px
  }

  .bannerSam__link {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
  }
}

@media screen and (max-width:285px) and (min-height:500px) {
  .bannerSam__title {
    margin-top: 30px;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
  }

  .bannerSam__bonus {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    margin-top: -35px;
    margin-bottom: 200px
  }

  .bannerSam__right picture {
    bottom: 58px
  }
}