body{
    margin:0px;
    background-image:url(/img/foni.jpeg);
    background-repeat:no-repeat;
    background-color:#1b111b;
      background-position: top center;
    color:#fff;
      font-family: 'Montserrat', sans-serif;
}


.men1 img,.logo-lays {
max-width: 100%;
height: 130px;
}

.vul2{
    display:flex;
    font-size: 14px;
}

.vul2 a{
    margin:0px 5px;
    transition:.3s;
}

.vul2 a:hover{
    color:#f4b434;
}

a{
    text-decoration:none;
    color:inherit;
}

.container {
    width: 1340px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mob{
 display:none;   
}

header{
    margin:20px 0px;
}

.vhod {
    width: 155px;
    height: 54px;
    border-radius: 5px;
    background-color: transparent;
    border: 3px solid #f4b434;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.vhod:hover{
    background-color: #f4b434;
}


.reg {
  width: 155px;
height: 54px;
border-radius: 5px;
background-color: #f4b434;
 
    border: 3px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-left:30px;
}

.reg:hover{
    background:transparent;
       border: 2px solid #f4b434;
}


.men-right{

    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;

}


footer{
    background:#1b161a;
    margin-top:40px;
}

.sponsors {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0px;
}

.logo-lays{
    margin-bottom:30px;
}



.ffe{
    border-radius: 20px;
background-color: #261827;
font-size:16px;
padding:30px;
text-align:center;
}

h1{
    text-align:center;
    font-size:46px;
}

h1 span{
    font-size:24px;
    font-weight:400;
    margin-top:10px;
    display:block;
}


.joy-slide{
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;

}


.play{
     
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top:200px;

}


.play a {
    width: 19%;
    font-size: 20px;
    color: #9b9084;
    margin-bottom: 2.5%;
    height: 180px;
    border-radius: 10px;
    background-size: 100% 100%;
    background-color: #261827;
    padding-top: 70px;
    cursor: pointer;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.games__item-title {
 
    position: absolute;
    top: 10px;
    width: 100%;
    color:#fff;
    font-weight:bold;
    border-radius: 10px;
}

.play1 {
    background: url(/img/o1.png) no-repeat;
    background-position: center top;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    width:100%;
    justify-content: center;
    background-size: 100% auto;
    margin-bottom: 0px;
    height: 100%;
    border-radius: 20px;
}



.fixor-end {
    width: 226px;
    height: 59px;
    border-radius: 10px;
    background-color: transparent;
    border: 3px solid #f4b434;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin: 80px auto;
    margin-top: 50px;
}
img{
    max-width:100%;
}

.fixor-end:hover{
    background:#f4b434;
}


.play a:hover:before{
    opacity:1;
}

.play a:before {
    content: "Играть";
    position: absolute;
    opacity: 0;
    z-index: 333;
    width: 128px;
    height: 59px;
    background-color: rgb(255, 255, 255);
    font-weight: bold;
    color: rgb(17, 17, 17);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
}



.play a:hover .play-0 {
    width: 100%;
    height: calc(100% - 70px);
bottom:0px;
    position: absolute;
    border-radius:20px;
    z-index: 3;
background:rgba(131,77,45,.7);
}




@media screen and (max-width: 1350px) and (min-width: 1000px){
    
    .vul2 a{
        font-size:11px;
    }
    
    .vhod,.reg{
        width:100px;
        height:40px;
        font-size:11px;
    }
    
   .container {
    width: 1000px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
} 


    
}


@media screen and (max-width: 1000px) {
    
    
    .ffe{
        line-height:1.6;
    }
    
   .container { width:90%;}   
   
  .vul2 {
    overflow: scroll;
    width: 90vw;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 30px;
    padding: 20px 0px;
}
   
   header .container {
    width: 90%;
    flex-direction: column;
}

.men1{

    display: flex;
    align-items: center;
    justify-content: center;

}


h1{
    font-size:22px;
}

h1 span{
    font-size:16px;
}

.play a {
    width: 47%;
    margin-bottom: 20px;
    height: 150px;
}


.joy-slide {
    height: 150px;
}

.fixor-end {
    margin: 50px auto;
    margin-top: 20px;
}

.ffe{
    text-align:left;
}

.sponsors img:nth-child(2){
    display:none;
}


body,html{
    overflow-x:hidden;
}

footer .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.play {
 
    margin-top: 0px;
}

.men1 img {
width: auto;
margin: 20px 0px;
}
    
    
}