.water {
margin: auto;
position: relative;
width: 100%;
height: 100%;
background-color: #80c5de;
box-shadow: inset 0 0 50px #1c637c;
overflow:hidden;
box-sizing:border-box;
}

.water::before {
  content: "";
  width: 200%;
  height: 200%;
  background-color: rgba(255,255,255,0.2);
  position: absolute;
  top: -150%;
  left: -50%;
  border-radius: 40%;
  animation: anim 12s linear infinite;
}

.water::after {
  content: "";
  width: 204%;
  height: 204%;
  background-color: rgba(255,255,255,0.1);
  position: absolute;
  top: -150%;
  left: -52%;
  border-radius: 40%;
  animation: anim 12s linear infinite;
  animation-delay: 0.5s;
}

@keyframes anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.TxMnJEzWGy{
position:relative;
display:block;
width:980px;
text-align:center;
margin:auto;
margin-bottom:20px;
margin-top:20px;
}

.TxMnJEzWGy > title{
position:relative;
display:block;
font-size:30px;
text-transform:uppercase;
font-weight:bold;
user-select:none;
margin-bottom:10px;
}

.TxMnJEzWGy > subtitle{
position:relative;
display:block;
font-size:20px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
user-select:none;
margin-bottom:10px;
}

.TxMnJEzWGy > subtitle > a{
font-size:30px;
text-transform:uppercase;
font-weight:bold;
user-select:none;
margin-bottom:10px;
color:#ea868f;
}

.TxMnJEzWGy > button{
position:relative;
display:inline-block;
margin-right:20px;
text-transform:uppercase;
font-size:20px;
padding:10px 15px;
background-color:var(--main-color);
color:var(--font-color-button);
cursor:pointer;
border-radius:var(--radius-size);
user-select:none;
}

.TxMnJEzWGy > button.active{
background-color:#dc3545!important;
}

.TxMnJEzWGy > button:hover{
background-color:#dc3545!important;
}

.TxMnJEzWGy > button:active{
background-color:#dc3545!important;
}

.TxMnJEzWGy > margin{
position:relative;
display:block;
width:auto;
height:20px;
}





.GuebuMuiLP > div:nth-child(1) > div:active{
background-color:#dc3545!important;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/




.izkqIkArQh{
position:relative;
display:block;
width:980px;
margin:auto;
}

.izkqIkArQh > div{
position:relative;
display:inline-block;
margin-top:40px;
margin-right:40px;
padding-bottom:40px;
width:300px;
border-radius:10px;
border-top: 4px solid #f25000;
border-bottom: 4px solid #f25000;
box-shadow: 0 0 10px rgba(0,0,0, 0.3);
transition:all 0.2s;
cursor:pointer;
}






	.izkqIkArQh > div:nth-child(3n){

	margin-right:0;

	}

.izkqIkArQh > div:hover{
box-shadow: 0 0 20px rgba(0,0,0, 0.3);
transform:scale(1.1);
z-index:1;
}

.izkqIkArQh > div > h1{
position:relative;
display:block;
margin-top:20px;
width:auto;
line-height:50px;
font-size:25px;
text-transform:uppercase;
font-weight:bold;
user-select:none;
text-align:center;
text-shadow: 0 0 2px #000;
}

.izkqIkArQh > div > h2{
position:relative;
display:block;
margin:20px;
border-radius:10px;
width:auto;
line-height:50px;
font-size:30px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
text-align:center;
user-select:none;
background: #fdbd4a;
text-shadow: 0 0 2px #000;
}

.izkqIkArQh > div > h3{
position:relative;
display:block;
margin-top:20px;
margin-left:20px;
margin-right:20px;
line-height:25px;
font-size:20px;
text-transform:uppercase;
text-align:center;
text-shadow: 0 0 2px #000;
}

.izkqIkArQh > div > h4{
position:relative;
display:block;
margin:20px;
width:auto;
line-height:50px;
font-size:15px;
text-transform:uppercase;
font-weight:bold;
user-select:none;
text-align:center;
background-color:#1d214e;
border-radius:var(--radius-size);
color:var(--font-color-button);
text-shadow: 0 0 2px #000;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/