@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap');

.case {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.cases-response {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.cases-response p:first-child {
  width: 100%;
}
a {
  text-decoration: none;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  color: #F3F4F4;
  font-size: 16px;
  line-height: 140%;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ol {
  margin: 0;
  padding: 0;
}
ol li {
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #F3F4F4;
}
h1 {
  color: #F3F4F4;
  font-weight: 700;
  font-size: 56px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  margin: 0;
  line-height: 120%;
}
h2 {
  color: #F3F4F4;
  font-weight: 700;
  font-size: 44px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  margin: 0;
  line-height: 140%;
}
h3 {
  color: #F3F4F4;
  font-weight: 700;
  font-size: 40px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  margin: 0;
  line-height: 140%;
}
.home h2 {
  color: #F3F4F4;
  font-weight: 700;
  font-size: 32px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  margin: 0;
  line-height: 140%;
}
h4 {
  color: #F3F4F4;
  font-weight: 700;
  font-size: 32px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  margin: 0;
  line-height: 140%;
}
h5 {
  color: #F3F4F4;
  font-weight: 700;
  font-size: 24px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  margin: 0;
  line-height: 140%;
}
h6 {
  color: #F3F4F4;
  font-weight: 700;
  font-size: 20px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  margin: 0;
  line-height: 140%;
}
p {
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #A2A3A5;
  margin: 0;
  line-height: 180%;
}
.button,
.wpcf7-submit {
  padding: 18.5px 58.5px;
  color: black;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  border-radius: 16px;
  display: inline-flex;
  transition: background .25s ease-in-out;
}
.button--blue-dark,
.wpcf7-submit {
  background: #FF8845;
  transition: .6s;
}
.button--blue-dark:hover,
.wpcf7-submit {
  transform: scale(1.05);
  transition: .6s;
  color: black;
}
.button--blue-dark.button--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.button--blue-outline {
  border: 1px solid #FF8845;
}
.button--blue-outline:hover {
  background: #FF8845;
}
.button--blue-outline.button--disabled {
  opacity: 0.3;
}
html {
  overflow-x: hidden;
  margin-top: 0 !important;
}
.ovh {
  overflow: hidden;
}
.modal-verlay {
  background: linear-gradient(0deg, rgba(21, 20, 25, 0.9), rgba(21, 20, 25, 0.9));
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
}
body.opened {
  overflow: hidden;
}
.hellcase-header {
  padding-top: 32px;
}
.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #232227;
  padding-bottom: 22px;
}
.header-row__left {
  display: flex;
  gap: 48px;
  align-items: center;
}
.header-row__left a {
  display: flex;
}
.header-row__right {
  padding-top: 14px;
}
.menu-header ul {
  display: flex;
  gap: 32px;
  align-items: center;
}
.menu-header ul li a {
  color: #A2A3A5;
  font-weight: 700;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.menu-header ul li a:hover {
  color: #F3F4F4;
}
.menu-header ul li.current-menu-item a {
  color: #F3F4F4;
}
.menu-header ul li.current-menu-item a:before {
  content: '';
  bottom: -24px;
  left: 0;
  height: 4px;
  width: 100%;
  position: absolute;
  background: #574AE2;
  border-radius: 2px 2px 0px 0px;
}

.bg-wrp {
  transition: z-index 0.01s ease-in-out 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.opened .bg-wrp {
  z-index: 9;
  transition: none;
}
.opened .nav-content {
  display: block;
}
.features-title {
  margin-top: 64px;
}
.features-title h1 {
  text-align: center;
  font-size: 44px;
}
.features-title p {
  text-align: center;
  max-width: 742px;
  margin: 0 auto;
  margin-top: 24px;
}
.slider__item-wrapper {
  background: url('../img/case-bg.png'), linear-gradient(180deg, #222A68 0%, #19181E 100%);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 24px 24px 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all .3s linear;
  width: 100%;

}
.slider-block {
  max-width: 1040px;
  margin: 0 auto;
}

.slider__item-open {
  margin-top: 16px;
}
.slider__item-open {
  /* max-height: 0;
  overflow: hidden;
  transform: scale(0);
  margin: 0;
  transition: transform .35s ease-in-out; */
  display: none;
}
.center .slider__item-open {
  /* max-height: unset;
  overflow: hidden;
  transform: scale(1);
  margin-top: 16px; */
  display: block;
}
.slider__item-wrapper {
  overflow: hidden;
}
.slider-block__item {
  max-width: 360px;
  max-height: 360px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-transform: scale3d(0.9325, 1, 1);
  transform: scale3d(0.9325, 1, 1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.slider-block__item .slider__item-image img {
  width: 260px;
  height: 260px;
  object-fit: contain;
}

.slider__item-image img {
  object-fit: contain;
}
.slider__item-name {
  margin-top: 16px;
}
.center .slider-block__item {
  /* max-width: 360px; */
  max-height: 484px;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(1.1, 1.121, 1);
  transform: scale3d(1.1, 1.121, 1);
}
.center .slider-block__item .slider__item-image img {
  width: 312px;
  height: 312px;
}
.owl-stage {
  display: flex;
  align-items: center;
  min-height: 500px;
}
.owl-stage-outer {
  min-height: 484px;
}
.cases-slider {
  margin-top: 64px;
}
.cases-slider .container {
  position: relative;
}
.slider-blur {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #574AE2;
  opacity: 0.3;
  filter: blur(110px);
  max-width: 473px;
  max-height: 341px;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translate(-50%,-50%) translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0,0,0);
  transform: translate(-50%,-50%) translateZ(0);
}
.owl-nav {
  position: absolute;
  top: calc(50% - 32px);
  transform: translateY(-50%);
  width: 100%;
  height: 0;
  display: flex;
  justify-content: space-between;
}
.owl-prev {
  /* background: url('../img/left.svg') no-repeat center center; */
  width: 64px;
  height: 64px;
  margin-left: -44px;
  /* background-color: red;
  -webkit-mask-image: url('../img/left.svg');
  mask-image: url('../img/left.svg'); */
}
.owl-prev svg rect,
.owl-next svg rect {
  transition: fill .35s ease-in-out;
}
.owl-prev:hover rect:first-of-type,
.owl-next:hover rect:first-of-type {
  fill: #574AE2;
}
.owl-next {
  /* background: url('../img/right.svg') no-repeat center center; */
  width: 64px;
  height: 64px;
  /* background-color: red;
  -webkit-mask-image: url('../img/right.svg');
  mask-image: url('../img/right.svg'); */
  margin-right: -44px;
}
.container-roulette {
  display: flex;
  justify-content: center;
  max-width: 1128px;
  position: relative;
  overflow: hidden;
  min-height: 7.8125rem;
  padding: 0;
  align-items: center;
  margin: 0 auto;
}
.container-roulette:before{
  content: " ";
  background: linear-gradient(180deg, rgba(255, 136, 69, 0) 0%, #FF8845 50%, rgba(255, 136, 69, 0) 100%);
  height: 120%;
  position: absolute;
  left: 50%;
  top: -0px;
  box-shadow: 0px 0px 12.32px 0px #EA6A2AB2;
  width: 2px;
  z-index: 10;
}
.roulette-wrapper {
  position: relative;
  width: 100%;
  height: 228px;
  display: flex;
  gap: 22px;
  justify-content: flex-start;
  transition-property: left;
  transition-timing-function: cubic-bezier(0.19, 1, 0.3, 1);
  /* transition-duration: 8s; */
}
.roulette-wrapper:before{
  content: " ";

}
.roulette__item {
  position: relative;
  max-width: 208px;
  min-width: 208px;
  height: 228px;
  background: linear-gradient(180deg, rgba(176, 195, 217, 0.5) 0%, rgba(176, 195, 217, 0) 100%), #222A68;
  border-radius: 0;
  padding: 24px;
  transition: opacity .35s ease-in-out;
}
.roulette__item img {
  width: 100%;
  height: 100%;
  max-width: 160px;
  max-height: 120px;
  object-fit: contain;
}

.roulette__item-weapon {
  margin-top: 10px;
}

#skip {
  cursor: pointer;
}
.semi-opacity {
  opacity: 0.3;
}
.opacity {
  opacity: 0.1;
}
.container-wrapper {
  max-width: 1192px;
  margin: 0 auto;
  border-radius: 24px;
  position: relative;
  padding: 64px 32px;
}
.case-roulette {
  margin-top: 86px;
  display: none;
}
.section-win {
  display: none;
}
.win-drop {
  width: 100%;
  justify-content: space-between;
}
.win-drop__left{
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.win-drop__left img {
  max-width: 190px;
  max-height: 245px;
  object-fit: contain;
}
.skip-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
}
.case__info__status span:nth-of-type(1) {
  animation: faster 1s linear infinite
}
.case__info__status span:nth-of-type(2) {
  animation: faster 1s linear 0.15s infinite
}
.case__info__status span:nth-of-type(3) {
  animation: faster 1s linear 0.25s infinite
}
.case__info {
  display: flex;
  gap: 8px;
  padding: 16.5px 30px;
  align-items: center;
  background: #1A191E;
  border: 1px solid #ff8845;
  border-radius: 16px;
  max-width: 360px;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.case__info-image  {
  max-width: 60px;
  max-height: 60px;
  display: flex;
  align-items: center;
}
.case__info-name {
  max-width: 140px;
  width: 100%;
}
.case__info-name span {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFBFF;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  max-width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.case__info__status p,
.case__info__status span{
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FF8845;
}
.roulette__item-weapon span{
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
  color: #ede9ed;
}
.roulette__item-name span {
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #FFFBFF;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
  display: block;
  overflow: hidden;
}
.winningItem {
  position: relative;
}
.blur-item {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #574AE2;
  opacity: 0.3;
  filter: blur(120px);
  transform: translate(-50%, -50%);
  max-width: 473px;
  max-height: 341px;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translate(-50%,-50%) translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0,0,0);
  transform: translate(-50%,-50%) translateZ(0);
}

.win-drop {
  display: flex;
  column-gap: 80px;
  max-width: 412px;
  margin: 0 auto;
  position: relative;
  background: #13151D !important;
  width: 100%;
  flex-direction: column;
}
.section-win {
  margin-top: 84px;
}
.win-drop__right {
  display: flex;
  flex-direction: column;
  max-width: 504px;
  width: 100%;
}
.drop__weapon-name {
  display: flex;
  gap: 3px;
}
.popup_end_title{
  font-family: Noto Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: white;
  margin-bottom: 8px;
}
.popup_end_subtitle{
  font-family: Noto Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  text-decoration-style: solid;
  color: #8F9DAA;
}
.is-stat-track span {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #F19A38;
}
.drop-name span {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #EB4B4B;
}
.drop__weapon-skin h3{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #FFFBFF;
}
.drop__weapon-exterior {
  margin-top: 8px;
}
.drop__weapon-exterior h6 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #FFFBFF;
}
.drop__weapon-actions {
  padding:0 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}
.drop__weapon-actions a {
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  border-radius: 2px;
  text-transform: uppercase;
  margin-top: 16px;
}
.page-template-features-template section:last-of-type {
  margin-bottom: 121px;
}
.drop__weapon-actions a svg {
  margin-right: 8px;
}
.drop__weapon-actions a svg path {
  transition: stroke .35s ease-in-out;
}
.drop__weapon-actions a:hover svg path {
  stroke: #fff;
}
.owl-nav {
  display: flex !important;
}
#promo_btn,
#get_without_btn {
  display: none;
}
.section-about {
  margin-top: 140px;
}
.about__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
.section-profitable {
  margin-top: 140px;
}
.profitable__wrapper {
  display: flex;
  column-gap: 26px;
  flex-wrap: wrap;
}
.profitable__left {
  max-width: 453px;
}
.profitable__right {
  max-width: 647px;
}
.profitable__right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.section-obtain {
  margin-top: 140px;
}
.obtain__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  padding-top: 32px;
}
.obtain__title {
  z-index: 2;
  position: relative;
}
.obtain__wrapper:before {
  position: absolute;
  content: '';
  background: url('../img/obtain-art.png') no-repeat center center;
  background-size: contain;
  max-width: 91px;
  max-height: 91px;
  height: 100%;
  width: 100%;
  top: 0;
  left: -28px;
}
.obtain__wrapper ol {
  display: flex;
  flex-wrap: wrap;
  column-gap: 61px;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
.obtain__wrapper ol li {
  counter-increment: my-awesome-counter;
  position: relative;
  display: flex;
  align-items: center;
}
ol li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  position: absolute;
  left: -37px;
  width: 29px;
  height: 29px;
  top: -7px;
  background: url('../img/list-art.png') no-repeat center center;
  background-size: contain;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.obtain__text {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.what-contain {
  margin-top: 140px;
}
.what-contain__wrapper {
  display: flex;
  column-gap: 37px;
  flex-wrap: wrap;
}
.what-contain__left {
  max-width: 620px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.what-contain__right {
  max-width: 452px;
}
.modal-window {
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  display: none;
  z-index: 9;
}
.form-modal__wrapper {
  padding: 24px 24px 40px 24px;
  background: #1E1D22;
  box-shadow: 0px 16px 25px rgba(14, 16, 21, 0.3);
  border-radius: 6px;
  max-width: 408px;
  position: relative;
  width: 100%;
}
.modal__wrapper-body {
  margin-top: 40px;
}
.modal__wrapper-body form {
  margin-top: 16px;
}
.modal__wrapper-body .tnp-submit {
  margin-top: 40px;
  cursor: pointer;
}
.news-success-msg {
  position: absolute;
  width: 100%;
  max-width: 390px;
  bottom: 5px;
}
.modal__wrapper-body h6 {
  text-align: center;
}
.modal__wrapper-body .tnp-email {
  background: #1A191E;
  border-radius: 6px;
  padding: 13px 14px;
  border: none;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #fff !important;
  width: 100%;
  border: 1px solid transparent;
}
.modal__wrapper-body .tnp-email::-webkit-input-placeholder {
  color: #45464B !important;
}
input {
  outline: none !important;
}
.input-wrp {
  width: 100%;
  position: relative;
}
.input-error {
  position: absolute;
  bottom: -25px;
  text-align: center;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 180%;
  color: #F15151;
  width: 100%;
  left: 0;
}
.input-error p {
  text-align: center;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 180%;
  color: #F15151;
}
.modal__wrapper-top {
  text-align: center;
}
.modal__wrapper-body form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
}
.close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  transition: filter .35s ease-in-out;
}
.close-modal:hover {
  filter: invert(1)
}
.modal__wrapper-body button {
  border: 0;
}
@keyframes faster {
  0% {
    opacity: 1
  }
  70% {
    opacity: 0.5
  }
  100% {
    opacity: 1
  }
}
.restricted {
  background: #1E1E29 ;
  border-top:2px solid #8847FF;
}
.remarkable {
  background: #1E1E29 ;
  border-top:2px solid #8847FF;
}
.exceptional {
  background: #1E1E29 ;
  border-top:2px solid #8847FF;
}
.classified {
  background: #1E1E29 ;
  border-top:2px solid #D32CE6;
}
.exotic {
  background: #1E1E29 ;
  border-top:2px solid #D32CE6;
}
.superior {
  background: #1E1E29 ;
  border-top:2px solid #D32CE6;
}
.milspec {
  background: #1E1E29 ;
  border-top:2px solid #4B69FF ;
}
.covert {
  background: #1E1E29 ;
  border-top:2px solid #EB4B4B ;
}

.master {
  background: #1E1E29 ;
  border-top:2px solid #EB4B4B ;
}
.high {
  background: #1E1E29 ;
  border-top:2px solid #4B69FF ;
}
.distinguished {
  background: #1E1E29 ;
  border-top:2px solid #4B69FF ;
}
.covert.knife {
  background: #1E1E29 ;
  border-top:2px solid #E4AE33 ;
}
.extraordinary {
  background: #1E1E29 ;
  border-top:2px solid #E4AE33 ;
}
.restricted .drop-name span,
.remarkable .drop-name span,
.exceptional .drop-name span {
  color: #8847FF;
}

.classified  .drop-name span,
.exotic .drop-name span,
.superior .drop-name span
{
  color: #D32CE6;
}

.milspec .drop-name span,
.hight .drop-name span,
.distinguished .drop-name span {
  color: #4B69FF;
}

.covert .drop-name span,
.master .drop-name span{
  color: #EB4B4B;
}

.covert.knife .drop-name span,
.extraordinary .drop-name span{
  color: #E4AE33;
}
.case-contains-roulette {
  margin-top: 117px;
  display: none;
}
.case-contains__items {
  display: flex;
  gap: 21px;
  flex-wrap: wrap;
}
.case-contains__item {
  background: #1A191E;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  max-width: 208px;
  width: 100%;
}
.case-contains__name {
  margin-top: 10px;
}
.case-contains__name span {
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
  color: #B0C3D9;
}
.case-contains__skin {
  margin-top: 4px;
}
.case-contains__title {
  margin-bottom: 32px;
}
.case-contains__title p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.case-contains__skin span {
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #FFFBFF;
  max-width: 100%;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.case-contains__image img{
  max-width: 160px;
  max-height: 120px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contact-form {
  margin-top: 64px;
}
.contact-form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.contact-form form {
  background: #1A191E;
  border-radius: 16px;
  padding: 32px 48px;
}
.contact-form form input,
.contact-form form textarea {
  background: #1E1D22;
  border-radius: 16px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  border: none;
  color: #F3F4F4 !important;
  resize: none;
  padding: 18px 24px;
  width: 100%;
  margin-top: 8px;
  outline: none !important;
}
.wpcf7-response-output {
  color: #F3F4F4 !important;
}
.contract-form-item {
  width: 100%;
}
.contact-form form textarea {
  max-height: 133px;
}
.contract-form-item label {
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #FFFFFF;
}
.wpcf7-submit {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7-submit {
  padding: 20.5px 58.5px !important;
  color: #FFFBFF !important;
  font-family: 'Rubik' !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  transition: background .25s ease-in-out !important;
  justify-content: center  !important;
  margin-top: 50px  !important;
}
.wpcf7-submit {
  background: #574AE2 !important;
}

.wpcf7-submit:hover {
  background: #FF8845 !important;
}
.contact-form p {
  text-align: center;
}
p span {
  font-size: 16px !important;
}
.rules-block__right ul {
  padding-left: 25px;
}
.rules-block__right ul li {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #A2A3A5;
  list-style-type: disc;
}
.not-found__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.not-found__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -35px;
  max-width: 674px;
  margin-left: auto;
  margin-right: auto;
  gap: 24px;
}
.not-found__text p {
  text-align: center;
}
.not-found__image {
  width: 100%;
  text-align: center;
}
.text-section {
  margin-top: 64px;
}
.text-content__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
}
.text-content__top h2 {
  text-align: center;
}
.text-content__top {
  max-width: 742px;
  margin: 0 auto;
}
.text-content__wrapper {
  margin-top: 24px;
}
.text-content__wrapper h6 {
  margin-bottom: 16px;
}
.text-content__wrapper p {
  font-size: 14px;
}
.text-content__wrapper hr {
  background: #7E8092;
  margin-top: 16px;
  margin-bottom: 24px;
  opacity: 0.1;

}
.slider__item-name h6 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slider__item-name {
  width: 100%;
  text-align: center;
}
.owl-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  margin-top: 15px;
}
.owl-dot span{
  background: #A2A3A5;
  transition: background .35s ease-in-out;
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 50%;
  opacity: .75;
}
.owl-dot.active span {
  background: #FF8845;
}
.wpcf7-response-output {
  text-align: center !important;
  border-radius: 5px !important;
}
@media screen and (max-width: 1024px) {
  .nav-background {
    display: flex;
  }
}
@media screen and (max-width: 1170px) {
  .owl-nav {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .menu-header {
    display: none;
  }
  .nav {
    display: block;
  }
  .nav-content {
    display: block;
  }
  .container {
    padding: 0 15px;
  }
  h1 {
    font-size: 44px;
  }
  h2 {
    font-size: 32px;
  }
  h3{
    font-size: 30px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 20px;
  }
  .hero-block {
    flex-wrap: wrap;
  }
  .hero__right p {
    margin-top: 12px;
  }
  .whatis-block {
    flex-wrap: wrap;
  }
  .rules-section {
    margin-top: 110px;
  }
  .rules-block {
    flex-wrap: wrap;
  }
  .rules-block__right {
    margin-top: 30px;
  }
  .info-section {
    margin-top: 130px;
  }
  .info-blur {
    max-width: 150px;
    max-height: 111px;
  }
  .info-block:after {
    max-width: 157px;
    max-height: 120px;
    top: -32px;
  }
  .header-row__right {
    padding-top: 0;
  }
  .info-block {
    padding: 32px 20px;
  }
  .header-row__left {
    gap: 20px;
  }
  .section-about,
  .section-obtain,
  .section-profitable,
  .what-contain {
    margin-top: 110px;
  }
  .obtain__wrapper ol {
    flex-direction: column;
    gap: 40px;
  }
  ol li::before {
    top: -5px;
  }
  .features-title h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 991px) {
  .hero__left,
  .whatis-block__left,
  .rules-block__left {
    max-width: 50%;
  }
  .rules-block__left img {
    max-width: 95%;
  }
  .hero__right,
  .whatis-block__right,
  .rules-block__right {
    max-width: 50%;
  }
  .hero-block,
  .whatis-block,
  .rules-block {
    gap: 0;
  }
  .whatis-block__left {
    order: 1;
  }
  .whatis-block__right {
    order: 2;
  }
  .what-contain__wrapper,
  .profitable__wrapper {
    gap: 0;
  }
  .what-contain__left,
  .profitable__left {
    max-width: 50%;
    width: 100%;
  }
  .what-contain__right,
  .profitable__right {
    max-width: 50%;
    width: 100%;
  }
  .contact-form form {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .cases-slider .container {
    padding: 0;
  }
  .slider-block__item {
    max-width: 85%;
  }
  .case__info {
    justify-content: space-between;
  }
  .case__info-name {
    max-width: 70px;
  }
  .section-win {
    padding: 0 15px;
  }
  .win-drop {
    flex-wrap: wrap;
    justify-content: center;
  }
  .win-drop__left img {
    max-width: 150px;
    max-height: 150px;
  }
  .drop__weapon-skin h3 {
    font-size: 27px;
  }
  .drop__weapon-actions {
    flex-wrap: wrap;
    gap: 15px;
  }
  .container-wrapper {
    padding-bottom: 32px;
  }

  .case-contains__items {
    justify-content: space-between;
    column-gap: 0;
  }
  .case-contains__item {
    max-width: 47%;
  }
  .case-contains-roulette {
    margin-top: 80px;
  }
  .drop__weapon-actions {
    width: 100%;
  }
  .win-drop {
    padding-left: 15px;
    padding-right: 15px;
  }
  .drop__weapon-actions a {
    max-width: 100%;
  }
  .modal-window {
    width: 100%;
  }
  .form-modal__wrapper {
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .news-success-msg p{
    font-size: 12px;
    text-align: center;
  }
}
@media screen and (max-width: 675px) {
  .hero__left,
  .whatis-block__left,
  .rules-block__left {
    max-width: 100%;
  }
  .hero__right,
  .whatis-block__right,
  .rules-block__right {
    max-width: 100%;
  }
  .rules-block__left img {
    max-width: 100%;
  }
  .what-contain__wrapper,
  .profitable__wrapper {
    gap: 0;
  }
  .what-contain__left,
  .profitable__left {
    max-width: 100%;
    width: 100%;
  }
  .what-contain__right,
  .profitable__right {
    max-width: 100%;
    width: 100%;
  }
  .what-contain__right {
    order: 1;
  }
  .what-contain__left {
    order: 2;
  }
  .obtain__wrapper:before {
    max-width: 55px;
    max-height: 55px;
    top: 10px;
  }
  .rules-block__right:before {
    max-width: 55px;
    max-height: 55px;
    top: -20px;
  }
  .container-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

}

@media screen and (max-width: 475px) {
  p {
    font-size: 14px;
  }
  .menu-footer ul {
    gap: 12px;
  }
  .menu-footer ul li a {
    font-size: 14px;
  }
  .footer-row {
    flex-wrap: wrap;
  }
  .socials {
    gap: 12px;
  }
  .footer-copyright__left {
    gap: 12px;
  }
  .whatis-block__right {
    order: 1;
  }
  .whatis-block__left {
    order: 2;
  }
  .case-contains__items {
    max-width: 100%;
  }
  .case-contains__item {
    max-width: 100%;
    width: 100%;
    align-items: center;
  }
  .case__info {
    max-width: 95%;
  }
}
@media screen and (min-width: 375px) and (max-width: 525px) {
  .nav-background {
    width: 170%;
  }
}

.simulator-info {
  margin-top: 30px;
}
.simulator-info ul {
  margin-top: 16px;
  margin-bottom: 16px;
  list-style: disc;
  color: #eeeff3;
  padding-left: 16px;
}
@media screen and (max-width: 991px) {
  .simulator-info {
    padding-left: 16px;
    padding-right: 16px;
  }
  .simulator-info  h2 {
    font-size: 25px;
  }
}