.myHeader {border-bottom:38px solid #424242;}
.myHeader, .center {text-align:center}
.myFooter {margn-top:45px;border-top:1px solid #444;padding:15px 5px;}
.stream {
width: 100%;
max-width: 1140px;
margin-right: auto;
margin-left: auto;
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.video-container { 
position: relative; 
padding-bottom: 48.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden; 
} 
.video-container iframe { 
position: absolute; 
top:0; 
left: 0; 
width: 100%; 
height: 100%; 
} 
.embed_width { max-width:1200px; }
.playerwidth {max-width:950px;}
.player { width:100%; text-align:center; padding-bottom:15px;}
.player embed, .player iframe { width:665px !important; height:500px !important;}

body {
max-width: 1100px;
margin: auto;
}
.thumbs.videos ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.thumbs.videos ul::after {
content: "";
flex-basis: 350px;
}
.thumbs.videos li {
flex-basis: 250px;
position: relative;
cursor: pointer;
}
li img {
position: relative;
object-fit: cover;
width: 100%;
height: 100%;
vertical-align: middle;
border-radius: 5px;
}
strong, .info {
position: absolute;
width: 100%;
height: 100%;
background: rgba(57, 57, 57, 0.502);
top: 0;
left: 0;
transform: scale(0);
transition: all 0.2s 0.1s ease-in-out;
color: #fff;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.thumbs.videos li:hover strong { transform: scale(1); }
.pages, .desc_padding {
text-align: center;
color: #fff;
font-weight: bold;
padding: 8px;
background-color: #f45cab;
}
.pages a:link, .button-11 a:link, .desc_padding a:link { text-decoration:none;}
.pages a:hover { color:#fff;}
#allCat {margin: 8px auto;}
.button-11 {
display: flex;
flex-direction: column;
align-items: center;
padding: 6px 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
border-radius: 6px;
color: #3D3D3D;
background: #fff;
border: none;
box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
float: left;
margin: 2px;
}
.button-11:hover {
box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1.5px rgba(58, 108, 217, 0.5);
outline: 0;
}
.center, .logo {text-align:center;}
.logo {padding:12px 0px;}