@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body{
   direction: ltr;
    font-family: 'Inria Sans', sans-serif !important;
    font-size: 16px;
    margin: 0;
    padding: 0px;
}
a {
  text-decoration: none;
}
.paddingstil {
  padding: 120px 0;
}
.header-v3 .container-menu-desktop {
  height: auto;
}
.container-menu-desktop {
  height: auto;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.wrap-menu-desktop {
  position: fixed;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 75px;
  top: 40px;
  left: 0px;
  -webkit-transition: height 0.5s, background-color 0.5s;
  -o-transition: height 0.5s, background-color 0.5s;
  -moz-transition: height 0.5s, background-color 0.5s;
  transition: height 0.5s, background-color 0.5s;
}

.header-v3 .wrap-menu-desktop {
  background-color: rgba(0, 0, 0, 0.2);
  top: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.wrap-menu-desktop::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  transform: skewX(50deg);
  -webkit-transform: skewX(50deg);
  -moz-transform: skewX(50deg);
  -ms-transform: skewX(50deg);
  -o-transform: skewX(50deg);
  animation-name: slide;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: .8s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(to right, rgba(249, 170, 1, 0.1) 0%, rgba(249, 170, 1, 0.2) 20%, rgba(249, 170, 1, 0.3) 50%, rgba(249, 170, 1, 0.4) 100%);
}
@keyframes slide {
  0% {
    left: 0;
    top: 0;
  }
  100% {
    left: 100%;
    top: 0;
  }
  
}

.wrap-menu-desktop::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  transform: skewX(50deg);
  -webkit-transform: skewX(50deg);
  -moz-transform: skewX(50deg);
  -ms-transform: skewX(50deg);
  -o-transform: skewX(50deg);
  animation-name: slide2;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: .8s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.4) 100%);
  z-index: -1;
}

@keyframes slide2 {
  0% {
    right: 0;
    top: 0;
}
100% {
    right: 100%;
    top: 0;
}
  
}

.header-baza {
  padding-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 19px;
}

.header-baza-logo {
  display: flex;
  align-items: center;
  gap: 9px;
}

.header-baza-logo img {
  height: 51px;
}

.header-baza-logo span {
  color: #fff;
}


.header-nav{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.topnav{
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.topnav li{
  margin: 0;
  padding: 0;
}

.topnav-link{
  padding: 19px;
  font-size: 16px;
  transition: 0.5s ease;
  color: #fff;
  text-decoration: none;
}

.topnav-link:hover{
  color:#f9aa01;
}

.menu-btn {
  cursor: pointer;
  display: none;
  width: 28px;
  height: 28px;
  position: relative;
  z-index: 100;
  overflow: hidden;
}

.menu-btn span {
  width: 19px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f9aa01;
  transition: all 0.5s;
}

.menu-btn span:nth-of-type(2) {
  top: calc(50% - 9px);
}
.menu-btn span:nth-of-type(3) {
  top: calc(50% + 9px);
}

.menu-btn.active span:nth-of-type(1) {
  display: none;
}
.menu-btn.active span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(45deg);  
}
.menu-btn.active span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(-45deg); 
}

.menu {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 15px;
  background-size: cover;
  background-position: center;
  background-color: #282b2d;
  transform: translateY(-100vh);
  transition: transform 0.5s; 
}

.menu.active {
  transform: translateY(0);
}

.menu nav{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.menu ul{
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
  padding: 0;
}

.menu li {
  list-style-type: none;
}

.menu li a{
  letter-spacing: 2px;
  font-weight: 700;
  text-align: center;
  font-size: 26px;
  color: #f9aa01;
}

.menu li a:hover{
  color: black;
  border-bottom: 1px solid;
}
.fixed-header {
  background-color: #282b2d !important;
}

.wrap-header {
  position: relative;
  background: url(artisticstorage/bg-assets/bg-dark-069e659686ed79.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.wrap-header-background {
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, rgba(249, 170, 1, 0.1) 0%, rgba(249, 170, 1, 0.2) 20%, rgba(249, 170, 1, 0.3) 50%, rgba(249, 170, 1, 0.4) 100%);
}
.wrap-header-baza {
  gap: 19px;
  color: #fff;
  display: flex;
  flex-direction: column-reverse;
  padding: 247px 0 109px 0;
}
.wrap-header-baza-text {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 28px;
  text-align: center;
}

#carousel {
  perspective: 1000px; 
  overflow: hidden;
}

#scene {
  width: 42%; 
  margin: 40px auto 0 auto;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}

.slider_item {
  height: 241px;
  object-fit: cover;
  width: 100%;
  box-sizing: border-box;
  padding: 0 19px 0 15px; 
  backface-visibility: hidden;
}

.slider_item:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}

#carousel_btn {
  display: none;
  width: 115px;
  margin: 19px auto 0 auto;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.obratka {
  transform: scaleX(-1);
}
.main {
  position: relative;
  background: url(artisticstorage/bg-assets/bg-dark-169e659686eda4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  background-attachment: fixed;

}
.main-background {
  height: 100%;
  width: 100%;
  background: #000000ab;
}
.random {
  display: flex;
  flex-direction: column-reverse;
}
.chast {
  display: flex;
  justify-content: space-between;
  gap: 29px;
  flex-direction: row-reverse;
}
.chast-img {
  width: 100%;
  height: 19px;
  object-fit: contain;
}
.blok-chast {
  padding-top: 73px;
}

.titlestil {
  font-weight: {font_weight_bold};
  text-align: end;
  padding-bottom:  25px;
}

.benefit-glava {
  flex: 1;
}
.benefit-box {
  display: flex;
  gap: 19px;
  flex-direction: column-reverse;
}
.benefit {
  padding:  19px;
  flex: 1;
  background: lightgray;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  border-radius: 20px;
  cursor: pointer;
  position: relative;
  transition: all 0.7s ease-in-out;
  overflow: hidden;
}

.benefit::before {
  content: "";
  position: absolute;
  height: 40%;
  width: 100%;
  background-color:  #f9aa01;
  bottom: 0;
  right: 0;
  transform: translatey(19px);
  border-radius: 100%;
  transition: all 0.7s ease-in-out;
}

.c-txt {
  text-align: center;
  z-index: 2;
}

.benefit:hover::before {
  transform: scale(7) translate(-19px);
}

.benefit:hover {
  box-shadow: 1px -15px 41px 41px  #f9aa01;
  color: #f3f3f3;
}


.o-nas-glava {
  flex: 1;
  background-color: rgba(0, 0, 0, 0.3);
  padding:  19px;
}

.arena-main {
  display: flex;
  flex-direction: column-reverse;
  gap:  29px;
}

.arena-box {
  display: flex;
  flex-direction:row-reverse;
  gap: 19px;
}


.game {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.08),
    -4px -4px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.5s;
  cursor: pointer;
  box-sizing: border-box;
  padding: 19px;
}

.game:hover {
  transform: translateY(-15px);
  box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.1),
    -4px -4px 15px rgba(0, 0, 0, 0.08);
}

.arena-image-container {
  border-radius: 20px;
  margin-bottom: 19px;
  overflow: hidden;
  background-color: rgb(165, 165, 165);
  display: flex;
  align-items: center;
  justify-content: center;
}

.arena-image-container img {
  width: 100%;
  object-fit: cover;
  height: 341px;
}

.arena-title {
  margin: 0;
  font-size: 19px;
  font-weight: 600;
  color:  #f9aa01;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.arena-title:hover {
  color: #f3f3f3;
}
.arena-des {
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  margin: 0;
  color: #ffffff;
  cursor: default;
}


.disclaimer-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row-reverse;
  gap: 19px;
  padding: 19px 0;
}
.disclaimer-box-img {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.disclaimer-box-img img {
  height: 195px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.disclaimer-box-text {
  background-color: #00C9B1b0;
  border-radius: 15px;
  color: #ffffff;
  padding: 25px;
  text-align: center;
}
.forma-glava {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.forma-bloks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 19px;
}
.form {
  width: 70%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  padding: 19px;
  gap: 19px;
}
.form a {
  color: #fff;
}
.form label {
  color:  #f9aa01;
}
.form .input-group_panel_item {
  padding: 9px;
  color:  #f9aa01;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.form .textarea-group_panel_item {
  padding: 9px;
  color:  #f9aa01;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}

.form-img {
  width: 30%;
  display: flex;
  justify-content: center;
}
.form-img img {
  object-fit: contain;
  height: 281px;
  width: 100%;
}

.elite-text {
  text-align: end;
}

.elite-bloks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:  19px;
  flex-direction: row-reverse;
}

.elite-bloks-img {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
}

.elite-bloks-img img {
  height: 241px;
  object-fit: contain;
}

.elite-bloks-info {
  width: 65%;
  display: flex;
  flex-direction: column;
  gap: 19px;
}

.elite-player {
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px;
  gap: 19px;
}

.elite-player-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 19px;
}

.elite-player-info img {
  border-radius: 50px;
  height: 51px;
}

.elite-player-kybok {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 19px;
}
.elite-player-kybok img {
  height: 41px;
  object-fit: contain;
}
.elite-player-n {
  font-weight: 700;
  font-size: 26px
}

.footer-glava {
  background-color: #0b0c0c;
}
.footer-main {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 19px;
}
.footer-politik {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.footer-politik a {
  color: #fff;
}
.footer-politik a:hover {
  color: #f9aa01;
}

.footer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction:  column-reverse;
  gap: 19px;
}
.foooter-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 19px;
}
.foooter-menu li {
  list-style-type: none; 
}
.foooter-menu a {
  color: #fff;
}
.foooter-menu a:hover {
  color: #f9aa01;
}

.footer-info-img img {
  height: 51px;
}

.aboutus-bloks {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 19px;
}

.aboutus-bloks-text {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 19px;
  width: 70%;
}

.aboutus-bloks-img {
  width: 30%;
}

.aboutus-bloks-img img {
  height: 241px;
  width: 100%;
  object-fit: contain;
}

.priv-bloks {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 19px;
}

.priv-bloks a {
  color: #fff;
}

.reach-out-main-row{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  flex-direction: column-reverse;
  gap: 19px;
}

.Wb_reach-out-item{
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 19px;
}

.Obt_reach-out-text{
  font-weight: 600;
  text-align: center;
}
.reach-out-page-box {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 19px;
}

.reach-out-form-section {
  padding-top: 59px;
}

.reach-out-form-wrapper {
  width: 70%;
}

.reach-out-form-img {
  display: flex;
  justify-content: center;
  width: 30%;
}

.reach-out-form-img img {
  height: 195px;
  object-fit: contain;
}

.Obt_reach-out-text {
  color: #f9aa01;
}

.Obt_reach-out-text a {
  color: #f9aa01;
}

.Obt_reach-out-text a:hover {
  color: #9f7a29;
}

.reach-out-form-check{
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  justify-content: center;
}

.reach-out-form {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 19px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.reach-out-form input {
  width: 100%;
  padding: 9px;
  color:  #f9aa01;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}

.reach-out-form textarea {
  width: 100%;
  padding: 9px;
  color:  #f9aa01;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}

.form-03-check-input {
  width: auto !important;
}

.form-03-check-label {
  color: #f9aa01;
}

.form-03-check-label a {
  color: #fff;
}

.form-03-check-label a:hover {
  color: #f9aa01;
}

.detail-glava {
  display: flex;
  flex-direction: column-reverse;
  gap: 25px;
}

.detail-glava-blok {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 19px;
}

.detail-glava-blok-igra iframe {
  height: 100vh;
  width: 100%;
  margin-bottom: 30px;
}

.detail-glava-blok-img {
  width: 431px;
  height: 431px; 
}

.detail-glava-blok-img{
  float: left;
  padding: 28px;
}
.detail-glava-blok-img > img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.detail-glava-blok-content-text {
  color: #ffffff;
}

.arena-main-var1 {
  display: none;
}

.arena-v2 {
  flex: 1;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 19px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 25px;
}

.arena-image-container-v2 {
  flex: 1;
}

.arena-image-container-v2 img {
  height: 431px;
  object-fit: cover ;
  width: 100%;
}

.arena-content-v2 {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 25px;
}

.arena-title-v2 {
   font-size: 26px;
  color: #ffffff;
}

.arena-title-v2:hover {
  color:#f9aa01;
}

.arena-reyting-v2  {
  color: #f9aa01;
  font-size: 26px;
}

.arena-razrab-v2 {
  color: #9f7a29;
}

.button-1 {
  background: linear-gradient(257deg, rgba(55,25,3,1) 1%, rgba(255,189,82,1) 37%, rgba(251,185,0,1) 96%);;
  background-size: 800% 400%;
  padding: 15px 19px;
  display: block;
  width: fit-content;
  text-align: center;
  border: none;
  border-radius: 7px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  transition: all .5s ease-in-out;
  animation: gradient 10s infinite cubic-bezier(.62, .28, .23, .99) both;
}

.button-1:hover {
  animation: gradient 3s infinite;
  transform: scale(1.05);
  color: #000;
}

.button-1:active {
  animation: gradient 3s infinite;
  transform: scale(0.8);
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.button-2 {
  padding:  15px 25px;
   display: block;
  width: fit-content;
  text-align: center;
  font-size: 16px;
   border: none;
  outline: none;
  color: #fff;
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 7px;
}

.button-2:before {
  content: '';
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00,  #aeff00, #ffdd00, #ffb300,  #ff0000);
  position: absolute;
  top: -1px;
  left: -1px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
 border-radius: 7px;
}

.button-2:active,.btn-2:hover,.btn-2:focus {
  color: #000000;
}

.button-2:active:after {
  background: transparent;
}

.button-2:hover:before {
  opacity: 1;
}

.bbutton-2:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  left: 0;
  top: 0;
  border-radius: 7px;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

.button-3 {
  display: block;
  width: fit-content;
  text-align: center;
  font-size: 16px;
  background-color: #c5a100;
  border-radius: 7px;
  box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
  padding: 19px 40px;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all .3s;
  outline: none;
}

.button-3:hover {
 color: #fff;
  background-color: #ff9801;
}

.button-4 {
  text-align: center;
  display: block;
  padding: 15px 28px;
  width: fit-content;
  color: #fff;
  text-transform: uppercase;
  background-color: #111;
  border: 1px solid #efdede;
 -webkit-transition: all .5s cubic-bezier(.3,1,.35,1) 0s;
  transition:all .5s cubic-bezier(.3,1,.35,1) 0s;
  border-radius: 7px;
  font-weight: 600; 
}

.button-4:hover,
.button-4:focus {
  background-color: #c58700;
  border-color: #c58700;
  color: #111;
}


.button-5 {
  padding: 19px 28px;
  border: none;  
  display: block;
  font-style: italic;
  width: fit-content;
  background: #f6ff00;
  text-align: center;
  border-radius: 7px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000000;
  border: 1px solid #fff; 
  transition:all .5s cubic-bezier(.3,1,.35,1) 0s;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  outline: 1px solid #fff;
}

.button-5:hover {
  color: #fff;
  transform: scale(1.05);
  outline: 1px solid #fff;
  box-shadow: 1px 3px 15px -1px #fff;
}

.button-5::before {
  content: "";
  position: absolute;
  left: -41px;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #c56c00;
  transform: skewX(45deg);
  z-index: -1;
  transition: width 500ms;
}

.button-5:hover::before {
  width: 200%;
}

.footer-main ul{
  margin: 0;
  padding: 0;
}
.footer-main li{
  margin: 0;
  padding: 0;
}

@media (max-width: 991px) {
  .arena-box {
    flex-direction: column;
  }
  .header-nav{
    display: none;
  }
  .menu-btn {
    display: block;
  }
  .chast {
    flex-direction: column;
  }
  .footer-main {
    flex-direction: column;
    align-items: center;
  }
  .footer-politik {
    align-items: center;
  }
  .foooter-menu {
    align-items: center;
  }
  .aboutus-bloks {
    flex-direction: column;
  }
  .aboutus-bloks-text {
    width: 100%;
  }
  .forma-bloks {
    flex-direction: column;
  }
  .form {
    width: 100%;
  }
  .form-img {
    width: 100%;
  }
}

@media(max-width: 767px) {
  .reach-out-page-box {
    flex-direction: column;
  }
  .reach-out-form-wrapper {
    width: 100%;
  }
  .reach-out-form-img {
    width: 100%;
  }
  .detail-glava-blok-img {
    width: 100%;
    height: 259px; 
    margin: 0 auto;
    float: none;
    padding: 19px;
  }
  .wrap-header-baza-text {
    font-size: 19px;
  }
  .elite-bloks {
    flex-direction: column;
  }
  .elite-bloks-info {
    width: 100%;
  }
  .disclaimer-box-img {
    display: none;
  }
  .disclaimer-box-text {
    width: 100%;
  }
  .aboutus-bloks-img {
    width: 100%;
  }
}
@media(max-width: 575px) {
  .slider_item {
    height: 141px;
  }

  .arena-v2 {
    flex-direction: column;
  }

  .elite-bloks-img {
    width: 100%;
  }

  .elite-player {
    flex-direction: column;
  }

  .footer-politik {
    text-align: center;
  }
}






.footer-logos {
  display: flex;
  justify-content: center; 
  align-items: center;
  gap: 20px;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;

  a img {
    max-height: 50px;
    width: 100%;
    display: block;
    max-width: none;
    transition: 0.3s linear;
    
    &:hover,
    &:hover{
      transform: scale(0.96);
      opacity: 0.8;
    }
  }
}

.wrap-menu-desktop::before,
.wrap-menu-desktop::after {
  pointer-events: none;
}

.header-baza {
  position: relative;
  z-index: 2;
}

.menu-btn {
  position: relative;
  z-index: 1202;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1201;
  transform: translateY(-100%);
  transition: transform 0.5s;
}

.menu.active {
  transform: translateY(0);
}

body.no-scroll {
  overflow: hidden;
}