@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
body {
  overflow-x: hidden;
  background: #212121;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: #212121;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

p {
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

ul {
  list-style: none;
}

ul,
ol {
  text-align: left;
}

a:hover {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
.title {
  display: block;
  position: relative;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  color: #212121;
  line-height: 1.2;
  margin-bottom: 16px;
}

h1 {
  font-size: 32px;
  text-align: left;
  color: #fff;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

.button {
  display: inline-block;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 110px;
  height: auto;
  background: #ffb805;
  -webkit-box-shadow: 0px 4px 18px rgba(14, 24, 17, 0.25);
  box-shadow: 0px 4px 18px rgba(14, 24, 17, 0.25);
  -webkit-border-radius: 60px;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 500;
  font-style: normal !important;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  padding: 15px 31px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}

.button:hover {
  text-decoration: none;
  background-color: #fff;
  color: #ffb805;
  border-color: #ffb805;
}

.button.inverse {
  background: #ffb805;
}

.button.inverse:hover {
  background-color: #fff;
  color: #ffb805;
  border-color: #ffb805;
}

.button > img,
.button > span {
  display: inline-block;
  position: relative;
  font: inherit;
  line-height: 1;
  vertical-align: middle;
}

.button > img + span {
  margin-left: 10px;
}

.image img,
.background img {
  display: block;
  position: relative;
  margin: auto;
}

.background {
  display: block !important;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: -99;
}

.background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.js-expand-content {
  display: none;
  overflow: hidden;
}

.js-expand-content.expanded {
  height: 100%;
}

svg {
  display: inline-block;
  position: relative;
  vertical-align: inherit;
  fill: rgba(255, 255, 255, 1);
  line-height: 1;
}

use {
  fill: rgba(255, 255, 255, 1);
  fill-rule: evenodd;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.path {
  fill: inherit;
  stroke: inherit;
  stroke-width: inherit;
}

ul > li,
ol > li {
  display: block;
  position: relative;
  list-style: none;
  padding: 0 0 0 20px;
}

ol > li {
  padding: 8px 0 0 26px;
  counter-increment: ol;
}

ul > li:before,
ol > li:before {
  position: absolute;
  top: 0;
  left: 0;
}

ul > li:before {
  content: '';
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #ffb805;
  position: absolute;
  left: 8px;
  top: -webkit-calc(50% - 3px);
  top: calc(50% - 3px);
}

ol > li:before {
  content: counter(ol) '.';
  display: inline-block;
  width: 20px;
  font: inherit;
  text-align: center;
  padding-top: inherit;
  color: #ffb805;
  white-space: nowrap;
}

.article__button {
  margin-left: 0;
  margin-right: auto;
}

article > *,
.article > * {
  margin-bottom: 16px;
}

article > *:last-child,
.article > *:last-child {
  margin-bottom: 0;
}

article li:first-child,
.article li:first-child {
  padding-top: 0;
}

article p a,
.article p a,
article span a,
.article span a,
article li a,
.article li a {
  color: #ffb805;
  text-decoration: none;
}

article p a:hover,
.article p a:hover,
article span a:hover,
.article span a:hover,
article li a:hover,
.article li a:hover {
  color: #ffb805;
}

.article img,
article img,
.article .image,
article .image {
  display: block;
  width: 100%;
}

.article li + li,
article li + li {
  margin-top: 8px;
}

.content,
article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  padding: 32px 20px;
  background: #fff;
  z-index: 0;
  overflow: hidden;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.content.content-transparent {
  padding: 0 !important;
  background: 0 0 !important;
}

.cover {
  max-width: 100%;
  overflow: hidden;
}

.content > *,
.cover > * {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: unset;
  background: #212121;
  color: rgba(255, 255, 255, 1);
  padding-top: 16px;
  padding-bottom: 16px;
  z-index: 1000;
  padding-left: -webkit-calc(50% - 1540px/2);
  padding-left: calc(50% - 1540px / 2);
  padding-right: -webkit-calc(50% - 1540px/2);
  padding-right: calc(50% - 1540px / 2);
  -webkit-border-radius: 0;
  border-radius: 0;
}

.header > * {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
}

.header__button-menu {
  display: none;
}

.header__menu a {
  cursor: pointer;
}

.header__menu > .header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0 16px;
  background: #ffb805;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

.header__menu > .header__nav > li {
  display: block;
  position: relative;
  padding: 0;
}

.header__menu > .header__nav > li:before {
  display: none;
}

.header__menu > .header__nav > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  line-height: 128%;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  padding: 10px 12px;
  border-color: transparent;
  text-transform: uppercase;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

.header__menu > .header__nav > li > a:hover {
  background-color: #fff;
  color: #ffb805;
  border-color: #ffb805;
}

.header__menu > .header__nav > li + li {
  margin-left: 8px;
}

.header__menu > .header__nav > li > a img {
  margin-right: 10px;
}

.header__sidebar-item {
  display: none !important;
}

.header__buttons {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.header__button {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0 0 0 8px;
  font-size: 16px;
}

.header__button:hover {
  background-color: #fff;
}

.header__button-login {
  background: #ffb805;
  -webkit-box-shadow: 0px 4px 18px rgba(14, 24, 17, 0.25);
  box-shadow: 0px 4px 18px rgba(14, 24, 17, 0.25);
}

.header__button-login:hover {
  color: #ffb805;
  border-color: #ffb805;
}

.header__button-reg {
  background: #ffb805;
  -webkit-box-shadow: 0px 4px 18px rgba(14, 24, 17, 0.25);
  box-shadow: 0px 4px 18px rgba(14, 24, 17, 0.25);
}

.header__button-reg:hover {
  color: #ffb805;
  border-color: #ffb805;
}

.header__menu > .header__nav > li:hover > a {
  text-decoration: none;
}

.header__menu {
  margin-right: auto;
  -webkit-box-flex: 0;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
}

.header__menu .header__button-login,
.header__menu .header__button-reg {
  display: none;
}

.header__language-dropdown {
  z-index: 5;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 0 0 0 16px;
  cursor: pointer;
}

.header__language-button {
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 35px 7px 10px;
}

.header__language-button:before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/icons/icon-lang.svg);
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 7px;
  top: 7px;
}

.header__language-button img {
  margin-right: 10px;
  position: relative;
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.header__language-button span {
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
}

.header__language-dropdown > ul {
  margin: 0;
  position: absolute;
  padding: 11px 8px 11px 19px;
  background: #212121;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  top: -webkit-calc(100% + 12px);
  top: calc(100% + 12px);
  right: 0;
  z-index: 10;
  list-style: none;
  display: none;
  width: 98px;
}

.header__language-dropdown ul > li:before {
  display: none;
}

.header__language-dropdown > ul li {
  display: block;
  padding: 0;
}

.header__language-dropdown > ul li + li {
  margin-top: 12px;
}

.header__language-dropdown > ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}

.header__language-dropdown > ul li a:hover span {
  color: #2e9344;
}

.header__language-dropdown > ul img {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.header__language-dropdown > ul span {
  font-size: 16px;
  line-height: 128%;
  color: #fff;
  text-transform: uppercase;
}

.header__language-button.active:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.logo {
  max-width: 129px;
  margin-right: 12%;
}

.logo > img {
  display: block;
  position: relative;
  max-width: 100%;
}

.header__logo > img {
  height: 48px;
}

.logo[href]:hover {
  opacity: 0.5;
}

.header__clock {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin-left: 16px;
  min-width: 60px;
}

.header__clock img {
  margin-right: 8px;
}

.header__flag {
  margin-left: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.header__flag img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header__lang {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 56px;
  flex: 0 0 56px;
  height: 24px;
  margin-left: 16px;
}

.header__lang img {
  display: block;
  max-width: 24px;
  border-radius: 50%;
}

.header__lang-button {
  background: 0 0;
  position: relative;
  padding-right: 32px;
}

.header__lang-button:after {
  content: '';
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.0879%2015.1339C12.2849%2015.1284%2012.4799%2015.0476%2012.6259%2014.8932L17.2213%2010.0327C17.5136%209.72354%2017.4999%209.23592%2017.1907%208.94371C16.8817%208.65151%2016.3941%208.66517%2016.1018%208.97424L12.0358%2013.2751L7.73516%209.20892C7.42598%208.91672%206.9385%208.93038%206.64632%209.23945C6.35384%209.54852%206.36751%2010.0361%206.67685%2010.3285L11.5372%2014.9239C11.6917%2015.0699%2011.8909%2015.1394%2012.0879%2015.1339Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header__lang-button.active:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.header__lang-list {
  background-color: #212121;
  border-radius: 0 0 12px 12px;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: auto;
  padding: 5px 15px;
  display: none;
  list-style: none;
  z-index: 10;
  white-space: nowrap;
}

.header__lang-list li {
  padding: 0;
}

.header__lang-list li + li {
  margin-top: 20px;
}

.header__lang-list li:before {
  display: none;
}

.header__lang-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}

.main {
  margin-top: 80px;
  display: block;
  position: relative;
}

.dummy {
  position: absolute;
  z-index: -100;
  left: 0;
  top: -50px;
}

.main__wrapper {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  max-width: 1580px;
}

.top {
  position: absolute;
  right: -webkit-calc(50% - 1144px/2);
  right: calc(50% - 1144px / 2);
  bottom: 0;
  height: 85%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 999;
}

.top__button {
  z-index: 100;
  width: 42px;
  height: 42px;
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
  bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.top__button img {
  display: block;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}

.general {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 -webkit-calc(100% - 280px * 2);
  -ms-flex: 0 1 calc(100% - 280px * 2);
  flex: 0 1 calc(100% - 280px * 2);
}

.home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1580px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sidebar__events {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

.sidebar-events__top {
  padding: 14px 11px;
  background: #fffaeb;
}

.sidebar-events__top a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 34px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/events-btn-bg.webp),
    #f04c44;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sidebar__events img {
  display: block;
  margin: auto;
}

.sidebar__events span:nth-child(1) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 28px;
  -ms-flex: 0 1 28px;
  flex: 0 1 28px;
  margin-right: 5px;
}

.sidebar__events span:nth-child(3) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 5px;
  -ms-flex: 0 1 5px;
  flex: 0 1 5px;
  margin-left: 15px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sidebar-events__top a:hover {
  text-decoration: none;
}

.sidebar-events__top a:hover span:nth-child(3) {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}

.sidebar-events__list li {
  padding: 0;
  display: block;
}

.sidebar-events__list li + li {
  border-top: 1px solid #f1f3f5;
}

.sidebar-events__list li:before {
  display: none;
}

.sidebar-events__list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #9299a2;
  font-size: 14px;
  line-height: 25px;
  height: 35px;
  padding: 5px 7px;
  font-weight: 300;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sidebar-events__list li a:hover {
  color: #ffb805;
  background: #f1f3f5;
  text-decoration: none;
}

.sidebar-events__list li a img {
  display: block;
  margin: auto;
}

.sidebar-events__list li a span:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 20px;
  -ms-flex: 0 1 20px;
  flex: 0 1 20px;
  margin-bottom: 3px;
  margin-right: 13px;
}

.sidebar-events__list li a span:last-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 -webkit-calc(100% - 20px - 13px);
  -ms-flex: 0 1 calc(100% - 20px - 13px);
  flex: 0 1 calc(100% - 20px - 13px);
}

.nav {
  display: block;
  background: #ffb805;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.nav.nav-mob {
  display: none;
}

.nav__list {
  display: none;
}

.nav div {
  font-size: 14px;
  line-height: 19px;
  padding: 6.5px 32px 6.5px 11px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}

.nav div:after {
  content: '';
  position: absolute;
  right: 9.5px;
  top: -webkit-calc(50% - 14px/2);
  top: calc(50% - 14px / 2);
  width: 13px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/icons/arrow-down.svg);
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.nav div.active:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.nav div:before {
  content: '';
  position: absolute;
  right: 10px;
  top: -webkit-calc(50% - 7px);
  top: calc(50% - 7px);
  width: 13px;
  height: 14px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffb805;
}

.nav li {
  padding: 0;
  display: block;
  border-top: 1px solid #212121;
}

.nav li:before {
  display: none;
}

.nav a {
  display: block;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.15;
  padding: 8px 10px 8px 30px;
  color: #fff;
}

.nav a:hover {
  background: #212121;
  text-decoration: none;
}

.nav a:before {
  content: '';
  position: absolute;
  width: 2.5px;
  height: 2.5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  left: 16px;
  top: -webkit-calc(50% - 2.5px/2);
  top: calc(50% - 2.5px / 2);
}

.prime {
  padding: 68px 60px;
  background-color: #212121;
}

.prime-wide {
  margin-top: 0 !important;
  padding-left: -webkit-calc(50% - 1020px/2);
  padding-left: calc(50% - 1020px / 2);
  padding-right: -webkit-calc(50% - 1020px/2);
  padding-right: calc(50% - 1020px / 2);
  width: 100% !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.prime-wide .prime__background {
  width: 100%;
  max-width: 1600px;
  left: unset;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.prime-wide .prime__background img {
  -o-object-position: right center;
  object-position: right center;
}

.prime__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 380px;
  z-index: 0;
}

.prime__wrap > * {
  margin-bottom: 16px;
}

.prime__wrap > *:last-child {
  margin-bottom: 0;
}

.prime__image {
  position: absolute;
  bottom: 0;
  height: 95%;
  right: 100px;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.prime__image img {
  margin: 0;
  display: block;
  height: 100%;
  max-width: unset;
}

.prime__title {
  color: #fff;
}

.prime__button {
  margin: 0;
  min-width: 275px;
}

.prime__desc {
  font-size: 16px;
  color: #fff;
  text-align: left;
}

.prime-inner__desc {
  margin-top: 8px;
  font-size: 10px;
  line-height: 150%;
  color: #fff;
}

.prime__inner {
  text-align: center;
}

.prime__inner > * {
  margin-bottom: 8px;
}

.prime__inner > *:last-child {
  margin-bottom: 0;
}

.info__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.info-wrapper__block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(50% - 20px/2);
  -ms-flex: 0 0 calc(50% - 20px / 2);
  flex: 0 0 calc(50% - 20px / 2);
  position: relative;
}

.info-wrapper__block-bonus {
  padding: 87px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.info-wrapper__block-bonus .desc {
  margin-top: auto;
  padding: 16px 20px;
  width: 100%;
  text-align: center;
  color: #fff;
  background: rgba(16, 112, 129, 0.8);
}

.info-wrapper__title {
  margin-bottom: 12px;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.info-wrapper__title > .small-text {
  margin-top: 16px;
  display: block;
  font-size: 18px;
  text-align: center;
}

.info__button {
  margin-bottom: 8px;
  min-width: 275px;
}

.info__desc {
  font-size: 10px;
  line-height: 1.5;
}

.info-wrapper__table {
  width: 100%;
  color: #fff;
  background-color: #ffb805;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.info-wrapper__block-table > *:not(:last-child) {
  margin-bottom: 20px;
}

.info-wrapper__table tbody {
  padding: 8px 10px;
}

.info-wrapper__table tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.info-wrapper__table tr + tr {
  margin-top: 4px;
}

.info-wrapper__table td,
.info-wrapper__table th {
  padding: 8px 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.info-wrapper__table td:first-child,
.info-wrapper__table th:first-child {
  font-weight: 700;
}

.info-wrapper__table.info-wrapper__table-benefits td,
.info-wrapper__table.info-wrapper__table-benefits th {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.info-wrapper__table.info-wrapper__table-benefits td:first-child,
.info-wrapper__table.info-wrapper__table-benefits th:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 44px;
  -ms-flex: 0 0 44px;
  flex: 0 0 44px;
}

.bonus {
  padding: 0 !important;
  background: 0 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.bonus__list {
  margin-top: -20px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
}

.bonus__item {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 20px 0 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(100%/3 - 20px * 2/3);
  -ms-flex: 0 0 calc(100% / 3 - 20px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 20px * 2 / 3);
  background: #107081;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #fff;
}

.bonus__item:nth-child(3n) {
  margin-right: 0;
}

.bonus-item__title {
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.bonus__list > li:before {
  display: none;
}

.bonus-item__image {
  padding-bottom: 75.75%;
  position: relative;
  width: 100%;
}

.bonus-item__image .image {
  position: absolute;
  display: block;
  bottom: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  height: 100%;
  width: 100%;
}

.bonus-item__image .image img {
  display: block;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}

.bonus-item__desc {
  padding: 24px 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
}

.bonus-item__text {
  margin-bottom: 28px;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}

.bonus-item__buttons {
  margin-top: auto;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: -6px;
  margin: auto -6px -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-calc(100% + 6px * 2);
  width: calc(100% + 6px * 2);
}

.bonus-item__button {
  font-size: 12px;
  margin: 0 6px 6px;
  padding: 14px 18px;
  min-width: 132px;
  background: #ffb805;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.prime__rating {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.prime__rating p {
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.8;
  margin: 4px 0 0;
}

.prime-rating__val {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.prime-rating__numbers {
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.prime-rating__desc {
  margin-right: 6px;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  text-transform: uppercase;
  opacity: 0.8;
}

.table {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

tbody {
  display: block;
  width: 100%;
}

.table tr + tr {
  margin-top: 12px;
}

.table tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ffb805;
}

.table th,
.table td {
  padding: 8px 16px;
  font-size: 16px;
  color: #ffb805;
  vertical-align: middle;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.table th {
  font-weight: 700;
  width: 280px;
}

.table th span {
  display: inline-block;
  vertical-align: middle;
}

.table img {
  display: inline-block;
  vertical-align: middle;
}

.table th span:first-child {
  width: 32px;
  margin-right: 32px;
  text-align: center;
}

.table td {
  width: -webkit-calc(100% - 280px);
  width: calc(100% - 280px);
}

.rating > * {
  margin-bottom: 16px;
}

.rating > *:last-child {
  margin-bottom: 0;
}

.rating__list {
  margin-top: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rating__item {
  padding: 16px;
  margin-top: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(50% - 16px/2);
  -ms-flex: 0 0 calc(50% - 16px / 2);
  flex: 0 0 calc(50% - 16px / 2);
  color: #fff;
  background: #ffb805;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ffb805;
}

.rating__item:before {
  display: none !important;
}

.rating-item__title {
  margin-bottom: 16px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.rating-item__scale {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  max-width: 280px;
  height: 14px;
  background-color: #fff;
  -webkit-border-radius: 600px;
  border-radius: 600px;
  overflow: hidden;
}

.rating-item__scale > span {
  position: absolute;
  height: 100%;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(245, 175, 25, 1)),
    to(rgba(206, 45, 27, 1))
  );
  background: -o-linear-gradient(
    left,
    rgba(245, 175, 25, 1) 0%,
    rgba(206, 45, 27, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(245, 175, 25, 1) 0%,
    rgba(206, 45, 27, 1) 100%
  );
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.faq__list > li {
  padding: 0;
}

.faq__list > li + li {
  margin-top: 16px;
}

.faq__list > li:before {
  display: none;
}

.faq__list > li {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #ffb805;
  overflow: hidden;
}

.faq-item__title {
  padding: 16px 60px 16px 20px;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: left !important;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  text-transform: uppercase;
  background: #ffb805;
}

.faq-item__title:before {
  content: '';
  display: block;
  position: absolute;
  top: -webkit-calc(50% - 24px/2);
  top: calc(50% - 24px / 2);
  right: 24px;
  width: 24px;
  height: 24px;
  background: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/icons/faq-arrow.svg)
    no-repeat center center/24px 24px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.faq__item.active .faq-item__title:before {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

.faq-item__desc .wrap {
  padding: 16px 12px;
  color: #0d4047;
}

.footer {
  padding: 32px -webkit-calc(50% - 1020px/2);
  padding: 32px calc(50% - 1020px / 2);
  background: #fcfcfc;
  color: #0b3338;
  margin-top: 20px;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.footer > * {
  margin-bottom: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

.footer > *:last-child {
  margin-bottom: 0;
}

.footer__menu {
  color: #212121;
}

.footer__menu > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-menu__item {
  padding: 0 10px;
  width: -webkit-calc(100%/4);
  width: calc(100% / 4);
  max-width: 220px;
}

.footer-menu__item:before {
  display: none;
}

.footer-menu__item a:not([href]) {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  cursor: default;
}

.footer-menu__item a[href]:hover {
  color: #ffb805;
  text-decoration: none;
}

.footer__menu a {
  text-align: left;
}

.submenu {
  margin-top: 8px;
  font-size: 16px;
}

.submenu:first-child {
  margin-top: 0;
}

.submenu li + li {
  margin-top: 8px;
}

.submenu a {
  display: block;
  font: inherit;
  color: inherit;
}

.footer__text {
  margin: 0 0 20px;
}

.footer__payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.footer__payments p {
  margin: 0 8px 0 0;
}

.footer__payments img + img {
  margin-left: 16px;
}

.footer__payments img {
  max-width: 36px;
}

.footer__desc {
  padding: 10px 86px 10px 0;
  font-size: 16px;
  text-align: left;
  position: relative;
}

.footer__desc > p {
  margin-bottom: 0;
}

.footer__desc > p + p {
  margin-top: 16px;
}

.footer-desc__age {
  position: absolute;
  right: 0;
  bottom: -webkit-calc(50% - 54px/2);
  bottom: calc(50% - 54px / 2);
  width: 54px;
  height: 54px;
  max-height: none;
}

.footer-desc__age img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer__copy {
  text-align: center;
}

.breadcrumbs {
  margin-bottom: 10px;
  text-align: left;
}

.breadcrumbs > li {
  display: inline-block;
  padding: 0;
}

.breadcrumbs > li:before {
  display: none;
}

.breadcrumbs > li a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.breadcrumbs > li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.breadcrumbs > li a:not([href]):hover {
  color: #fff;
  opacity: 1;
}

.breadcrumbs > li:not(:last-child):after {
  content: '|';
  display: inline-block;
  position: relative;
  font: inherit;
  color: rgba(255, 255, 255, 1);
  margin: 0 8px;
}

.events__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0 0;
  background: #212121;
  padding: 8px 30px 8px 10px;
}

.events__link:hover {
  background-color: #034d53;
  text-decoration: none;
}

.events__link + .events__link {
  margin-top: 1px;
}

.events__link:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  right: 10px;
  bottom: -webkit-calc(50% - 13px/2);
  bottom: calc(50% - 13px / 2);
  background-image: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/icons/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.events__link span {
  margin-left: 12px;
  color: #fff;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.events__head {
  padding: 14px 11px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0 0;
  background: #fffaeb;
  margin-top: 10px;
}

.events__head .button {
  padding: 3px 15px 3px 5px;
  font-size: 13px;
  line-height: 700;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.events__head .button:after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  bottom: 0;
  right: 0;
  background-image: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/events-btn-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.events__head .button span {
  margin: 0 15px 0 5px;
}

.events__menu {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.events__item {
  padding: 0 !important;
}

.events__item:before {
  display: none;
}

.events__item.has-link {
  border-bottom: 1px solid #f1f3f5;
}

.events__item:last-child {
  border: none;
}

.events__item a {
  padding: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}

.events__item a img {
  max-width: 20px;
  margin-right: 13px;
}

.events__item a span {
  color: #9299a2;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.events__item a:hover span {
  color: #212121;
}

.events__item.no-link {
  background: #f04c44;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}

.sidebar {
  padding: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 280px;
  -ms-flex: 0 0 280px;
  flex: 0 0 280px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sidebar > *:not(:last-child) {
  margin-bottom: 10px;
}

.sidebar__top {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  font-size: 14px;
  line-height: 21px;
  color: #343c4a;
  font-weight: 700;
  text-transform: uppercase;
}

.sidebar__top a {
  display: block;
  padding: 7px 10px;
  color: #ffb805;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sidebar__top a + a {
  border-top: 1px solid #f1f3f5;
}

.sidebar__top a:hover {
  background: #ffb805;
  color: #fff;
  text-decoration: none;
}

.sidebar__list {
  margin-left: -10px;
  margin-top: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
}

.sidebar__list li {
  padding: 0;
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 -webkit-calc((100% - 20px)/2);
  -ms-flex: 0 1 calc((100% - 20px) / 2);
  flex: 0 1 calc((100% - 20px) / 2);
}

.sidebar__list li:before {
  display: none;
}

.sidebar__list li:last-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.sidebar__list a {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  padding-top: 66px;
  display: block;
  border: 1px solid #2db155;
}

.sidebar__list a > div {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ffb805;
  text-align: center;
  padding: 5px 10px;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 100;
  display: block;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

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

.sidebar__list a:hover div,
.sidebar__list a:hover div span:nth-child(2) {
  background: #212121;
}

.sidebar__list div span:nth-child(2) {
  position: absolute;
  width: 44px;
  height: 44px;
  top: -36px;
  left: -webkit-calc(50% - 22px);
  left: calc(50% - 22px);
  -webkit-border-radius: 32px 32px 10px 10px;
  border-radius: 32px 32px 10px 10px;
  background: #ffb805;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sidebar__list div span:nth-child(2) img {
  z-index: 101;
}

.sidebar__list a > span {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.sidebar__list a > span img {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
}

.sidebar__app {
  background-color: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sidebar-app__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background-color: #fff;
  padding: 0 15px;
}

.sidebar-app__head span {
  padding: 13px 5px;
  color: #323946;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-top: 2px solid #ffb805;
}

.sidebar__desc {
  padding: 26px 82px 26px 20px;
  position: relative;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0 0 5px 5px;
  background: -o-linear-gradient(left, #ffb805 0%, #2db155 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0c8b97),
    to(#2db155)
  );
  background: linear-gradient(90deg, #ffb805 0%, #2db155 100%);
}

.sidebar__desc p {
  font-size: 14px;
  line-height: 1.15;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.sidebar__desc img {
  position: absolute;
  top: 18px;
  right: 22px;
  width: 55px;
  height: 110px;
  max-height: unset;
  -webkit-filter: drop-shadow(0px 4px 7px rgba(25, 42, 50, 0.5));
  filter: drop-shadow(0px 4px 7px rgba(25, 42, 50, 0.5));
}

.sidebar-app__button {
  margin: 10px auto 10px 10px;
  font-size: 13px;
  padding: 10px 15px;
}

.bonus-desc {
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin-top: -32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  position: relative;
  padding: 20px 10px;
}

.bonus-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  padding: 4px;
  height: 60px;
  top: -30px;
  -webkit-border-radius: 58px;
  border-radius: 58px;
  background: #fdfdfd;
}

.bonus-title {
  color: #104c54;
  text-align: center;
  font-size: 24px;
  margin: 0 0 12px;
}

.bonus-text {
  margin: 0 0 12px;
  color: #104c54;
  text-align: center;
  font-size: 16px;
}

.bonus-button {
  min-width: auto;
  font-size: 12px;
  margin: 0;
  padding: 14px 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.slots__list {
  margin-top: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.slots-list__item {
  padding: 0;
  margin-top: 20px;
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(100%/4 - 20px * 3/4);
  -ms-flex: 0 0 calc(100% / 4 - 20px * 3 / 4);
  flex: 0 0 calc(100% / 4 - 20px * 3 / 4);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.slots-list__item:nth-child(4n) {
  margin-right: 0;
}

.slots-list__item:before {
  display: none;
}

.slots-list__item > a {
  padding-bottom: 80.8%;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.slots-list-item__img {
  position: absolute;
  bottom: 46px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 46px);
  height: calc(100% - 46px);
}

.slots-list-item__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}

.slots-list-item__title {
  padding: 12px 8px;
  position: absolute;
  width: 100%;
  min-height: 46px;
  bottom: 0;
  left: 0;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background-color: #ffb805;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.slots-list__item > a:hover .slots-list-item__title {
  padding: 24px 8px;
}

.predictions__background {
  margin: 0 !important;
  z-index: -10;
}

.predictions:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(5, 65, 70, 0.84);
  z-index: -9;
}

.predictions > * {
  margin-bottom: 16px;
}

.predictions > *:last-child {
  margin-bottom: 0;
}

.predictions__title {
  color: #fff;
}

.predictions__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.predictions__desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-right: 16px;
  color: #fff;
}

.predictions__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 291px;
  -ms-flex: 0 0 291px;
  flex: 0 0 291px;
  border-left: 2px solid #fff;
  padding-left: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
}

.predictions__info > * + * {
  margin-top: 16px;
}

.predictions__info img {
  display: block;
}

.predictions-info__img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 176px;
  -ms-flex: 0 0 176px;
  flex: 0 0 176px;
  position: relative;
}

.predictions-info__img > .stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
}

.predictions-info__img > .stars-filled {
  position: absolute;
  left: 0;
  bottom: 0;
}

.predictions-info__img > .stars img {
  width: 32px;
  height: 32px;
}

.predictions-info__img > .stars img + img {
  margin-left: 4px;
}

.predictions__info > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.predictions__info > * > span:first-child {
  margin-right: 16px;
}

.predictions__info > * > span:nth-child(2) {
  white-space: nowrap;
}

.predictions-info__date {
  padding-left: 48px;
  position: relative;
  color: #fff;
  text-transform: uppercase;
}

.predictions-info__date:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -webkit-calc(50% - 32px/2);
  bottom: calc(50% - 32px / 2);
  width: 32px;
  height: 32px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/icons/calendar.svg);
}

.app-page .prime {
  min-height: 560px;
  padding-top: 47px;
  padding-bottom: 47px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.app-page .prime__wrap {
  max-width: 590px;
}

.app-page .prime-wide .prime__background {
  max-width: unset;
}

.app-page .prime__wrap > * {
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.app-page .prime__wrap > *:last-child {
  margin-bottom: 0;
}

.app-page .prime__image {
  bottom: 35px;
  right: -webkit-calc(50% - 1020px/2);
  right: calc(50% - 1020px / 2);
  height: -webkit-calc(100% - 35px - 42px);
  height: calc(100% - 35px - 42px);
  z-index: -1;
  max-height: 484px;
}

.app-page .prime__image img {
  height: 100%;
}

.prime__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.prime__buttons:before {
  content: '';
  height: -webkit-calc(100% + 12px * 2);
  height: calc(100% + 12px * 2);
  width: 100%;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  position: absolute;
  left: 0;
  top: -12px;
  background: #ffb805;
  z-index: -1;
}

.prime__buttons > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.28;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 14px 32px;
  max-width: 260px;
  margin: 0 10px;
  min-width: 225px;
  border: 1px solid #fff;
}

.prime__buttons .icon {
  margin-right: 10px;
  width: 32px;
  height: 32px;
}

.prime__buttons .icon img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}

.prime__buttons .text {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

.prime-buttons__apple {
  background: #ffb805;
}

.prime-buttons__android {
  background: #212121;
}

.prime__list {
  margin-top: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.prime__list img {
  display: block;
  margin: auto;
}

.prime__list > li {
  padding: 0;
  text-align: left;
  margin: 10px 10px 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(100%/4 - 20px);
  -ms-flex: 0 0 calc(100% / 4 - 20px);
  flex: 0 0 calc(100% / 4 - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.prime__list > li:before {
  display: none;
}

.prime__list > li > span:nth-child(1) {
  width: 40px;
  height: 40px;
}

.prime__list > li > span + span {
  margin-top: 4px;
}

.support {
  padding: 32px;
  background-color: transparent;
}

.support__form {
  padding: 32px 42px 30px;
  margin-right: auto;
  width: 100%;
  max-width: 518px;
  background-color: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.support__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.support__form input,
.support__form textarea {
  padding: 14px 20px;
  width: 100%;
  color: #282b30;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #c3ccd9;
  background: #fff;
  outline: none;
}

.support__form > * {
  margin-bottom: 16px;
}

.support__form > *:last-child {
  margin-bottom: 0;
}

.support__form input::-webkit-input-placeholder,
.support__form textarea::-webkit-input-placeholder {
  color: #6f7b8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
}

.support__form input::-moz-placeholder,
.support__form textarea::-moz-placeholder {
  color: #6f7b8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
}

.support__form input:-ms-input-placeholder,
.support__form textarea:-ms-input-placeholder {
  color: #6f7b8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
}

.support__form input::-ms-input-placeholder,
.support__form textarea::-ms-input-placeholder {
  color: #6f7b8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
}

.support__form input::placeholder,
.support__form textarea::placeholder {
  color: #6f7b8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
}

.support-form__title {
  color: #282b30;
  text-align: center;
}

.support-form__check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #282b30;
  font-size: 14px;
  line-height: 1.2;
}

.support-form__check a {
  color: #ffb805;
  text-decoration: underline;
}

.support-form__check > input {
  padding: 0 !important;
  margin: 0 8px 0 0 !important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14px;
  -ms-flex: 0 0 14px;
  flex: 0 0 14px;
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none !important;
}

.support-form__check > input:before,
.support-form__check > input:after {
  content: '';
  position: absolute;
}

.support-form__check > input:before {
  bottom: -1px;
  left: -1px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c3ccd9;
  z-index: 10;
}

.support-form__check > input:checked:before {
  display: block;
  background-color: #f9f5ff;
  border-color: #ffb805;
}

.support-form__check > input.error:before {
  border-color: #b40600;
}

.support-form__check > input:after {
  display: none;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px;
  background-image: url(//22-bet.ng/wp-content/themes/melbet1/assets/css/../images/icons/check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 100;
}

.support-form__check > input:checked:after {
  display: block;
}

input.error,
textarea.error {
  border: 1px solid #b40600;
  background-color: #ffe2e2;
}

.support-form__button {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.popup {
  margin: 0 !important;
  padding: 20px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  color: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  opacity: 0;
  z-index: -1000;
}

.popup-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  text-align: center;
  background-color: rgba(5, 65, 70, 0.75);
}

.popup-error {
  background-color: #b63122;
}

.popup.active {
  opacity: 1;
  z-index: 1000;
}

.popup__title {
  font-size: 22px;
  color: #fff;
  text-align: center;
}

.popup span a {
  color: inherit;
  font: inherit;
}

.popup span a:hover {
  opacity: 0.75;
}

.popup-success > span {
  margin-bottom: 16px;
  width: 100%;
}

.popup-success > span:last-child {
  margin-bottom: 0;
}

.popup .support-form__button {
  width: 100%;
}