*,
:after,
:before {
  box-sizing: border-box
}

a,
b,
blockquote,
body,
canvas,
caption,
code,
div,
em,
embed,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
label,
li,
main,
nav,
object,
ol,
p,
pre,
section,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none
}

footer,
header,
main,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

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

input {
  -webkit-appearance: none;
  border-radius: 0
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus {
  outline: 0 !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  outline-style: none !important;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important
}

@font-face {
  font-family: RussoOne;
  src: url(../assets/fonts/RussoOne.ttf) format("truetype");
  font-style: normal;
  letter-spacing: 0;
  font-display: swap
}

@font-face {
  font-family: Unbounded;
  src: url(../assets/fonts/Unbounded.ttf) format("truetype");
  font-style: normal;
  letter-spacing: 0;
  font-display: swap
}

@font-face {
  font-family: Open Sans;
  src: url(../assets/fonts/OpenSans.ttf) format("truetype");
  font-style: normal;
  letter-spacing: 0;
  font-display: swap
}

@font-face {
  font-family: Bebas;
  src: url(../assets/fonts/bebasneueregular.ttf) format("truetype");
  font-style: normal;
  letter-spacing: 0;
  font-display: swap
}

.body {
  color: #f6e9e9;
  background: #1d1c1d;
  position: relative;
  min-height: 100vh;
  min-width: 100vw;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  overflow-x: hidden;
  scrollbar-gutter: stable
}

.body.ReactModal__Body--open {
  overflow-y: hidden
}

.container {
  max-width: 1440px;
  margin: auto;
  height: 100%
}

@media screen and (max-width:1488px) {
  .container {
    padding: 0 24px
  }
}

@media screen and (max-width:768px) {
  .container {
    padding: 0 12px
  }
}

button {
  font-family: inherit;
  color: inherit
}

.color-red {
  color: #ff3a3a
}

.color-blue {
  color: #4f95ff
}

.bold {
  font-weight: 700
}

.image {
  width: 100%;
  height: 100%
}

.title {
  margin: auto;
  z-index: 10;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 40px;
  position: relative
}

.title-small {
  font-size: 32px;
  font-weight: 700;
  line-height: 39.68px;
  letter-spacing: .1em;
  text-align: center
}

.btnWrapper {
  width: 100%;
  display: flex;
  justify-content: center
}

@media screen and (max-width:768px) {
  .btnWrapper {
    padding-top: 20px
  }

  .btnWrapper button {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 312px
  }
}

.section {
  padding: 32px 0;
  position: relative
}

@media screen and (max-width:768px) {
  .section {
    padding: 80px 0 0
  }
}

.tab_none {
  display: none
}

@media screen and (max-width:768px) {
  .tab_none {
    display: block
  }
}

.textModal p {
  margin-bottom: 16px;
  line-height: 1.2;
  text-align: left
}

.textModal a {
  color: inherit;
  cursor: pointer
}

.textModal a,
.textModal b,
.textModal strong {
  font-weight: 700
}

.textModalDates {
  color: hsla(0, 42%, 94%, .5);
  margin-bottom: 32px;
  line-height: 1.2
}

#uw-main-button {
  background: none
}

#usedesk-messenger {
  color: #000
}

#usedesk-messenger .uw__round-button {
  width: 88px;
  height: 88px;
  background: transparent
}

@media screen and (max-width:768px) {
  #usedesk-messenger .uw__round-button {
    width: 50px;
    height: 50px
  }
}

#usedesk-messenger .uw__round-button__image {
  width: 100%;
  height: 100%
}

#usedesk-messenger .uw__field-textarea {
  min-height: 72px !important
}

#usedesk-messenger .uw__messages-counter {
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

::-webkit-scrollbar {
  width: 6px
}

::-webkit-scrollbar-track {
  background: transparent
}

::-webkit-scrollbar-thumb {
  background-color: hsla(0, 42%, 94%, .5);
  border-radius: 5px;
  border: 3px solid transparent
}

.linkBtn {
  text-decoration: none
}

.linkBtn:hover {
  color: #f6e9e9
}

.textLink {
  text-decoration: underline;
  font-weight: 600;
  color: hsla(0, 42%, 94%, .5)
}

.textLink:hover {
  background: -webkit-linear-gradient(0deg, #ff3a3a, #d75a33);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

iframe[id*=telegram-login] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-height: 100%;
  z-index: 15;
  position: relative;
  opacity: 0
}

::selection {
  color: #528dea;
  background-color: transparent
}

.pb0 {
  padding-bottom: 0 !important
}

.bdb0 {
  border-bottom: 0 !important
}