/* mom */


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



body
{
font-family:Poppins;
color:white;
background:black;

margin:0;
padding:0;

}





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

header
{


}

footer
{
background:#000040;
}

.innercont
{
margin:auto;
width:94%;
max-width:1200px;
}


#player
{
margin:auto;
text-align:center;
max-width:320px;
}

.player
{

position:relative;
bottom:170px;
}
.playermobi
{
}

.menuadjust
{
position:relative;
bottom:110px;
}

.bantextadjust
{
position:relative;
bottom:50px;
}

/* player class*/
.player1
{
position:absolute;
top:60%;
left:50%;
transform:translate(-50%,-50%);
width:300px;
}

/* bottom:-90px; */
.playermobi1
{
position:absolute;
bottom:50px;
left:50%;
transform:translate(-50%,-50%);
width:300px;
}






#hiddenmenu
{
display:none;
}

.hmitem
{
text-align:center;
}





/* menu */
#menu
{
width:100%;
background:blue;
display:none;
}

.topmenuitem
{
display:inline-block;
padding:8px;
font-family:Poppins;
color:white;
}

.menuitem
{
display:inline-block;
padding:8px;
text-align:center;
background:blue;

font-family:Poppins;
color:white;
}

.menuitem:hover
{
background:orange;
color:black;
}

ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:blue;

font-family:Poppins;
color:white;
}

li 
{
float:left;
}

li a 
{
display:block;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}

li a:hover
{
background:#000040;
}



.active
{
background-color:#04AA6D;
}





/* img */
.fit
{

width:100%;
max-width:100%;
}




/* video */
.video-container 
{
position:relative;
width:100%;
padding-bottom:56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625) */
height:0; /* Collapses the container's height, relying on padding-bottom */
overflow:hidden; /* Hides any content that overflows the container */
}

.video-container iframe 
{
position:absolute;
top:0;
left:0;
width:100%; /* Makes the iframe take up 100% width of the container */
height:100%; /* Makes the iframe take up 100% height of the container */

}








/* input */
input
{
background:black;
padding:8px;
border:2px solid white;
border-radius:5px;
}

textarea
{
background:black;
color:white;
border:2px solid white;
border-radius:5px;
}

input[type="checkbox"] 
{
width:24px;
height:24px;
}









/* divs */
.col2
{
width:46%;
display:inline-block;
text-align:center;
vertical-align:top;
}

@media screen and (max-width:600px)
{
.col2
{
width:100%;
}
}





.col3 img
{
border:1px solid white;
border-radius:10px;
}


.col3
{
display:inline-block;
width:31%;
vertical-align:top;
text-align:center;
}





.center
{
margin:auto;
width:96%;
max-width:800px;
text-align:center;
}

.center300
{
margin:auto;
max-width:300px;
text-align:center;
}


.center400
{
margin:auto;
max-width:400px;
text-align:center;
}









/* buttons */
.redbutton
{
text-align:center;
background:red;
display:inline-block;
padding:8px;
color:white;
}









/* text */
.poppins
{
font-family:'Poppins',sans-serif;
}

.poppinsw
{
color:white;
font-family:'Poppins',sans-serif;
font-size:1vw;
}

.poppinsw1
{
color:white;
font-family:'Poppins',sans-serif;
font-size:1vw;
}

@media only screen and (max-width:600px)
{
.poppinsw1
{
font-size:3vw;
}
}



.poppins2
{
color:black;
font-family:'Poppins',sans-serif;
font-size:2vw;
}

@media only screen and (max-width:600px)
{
.poppins2
{
font-size:3vw;
}
}


.poppinsw2
{
color:white;
font-family:'Poppins',sans-serif;
font-size:2vw;

}

@media only screen and (max-width:600px)
{
.poppinsw2
{
font-size:4vw;
}
}


.poppinsw3
{
color:white;
font-family:'Poppins',sans-serif;
font-size:3vw;

}


@media only screen and (max-width:600px)
{
.poppinsw3
{
font-size:5vw;
}
}


.poppinsw4
{
color:white;
font-family:'Poppins',sans-serif;
font-size:4vw;

}


@media only screen and (max-width:600px)
{
.poppinsw4
{
font-size:5vw;
}
}

.big
{
font-size:38px;
}

.medium
{
font-size:22px;
}









/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}