.embed-responsive-1by1::before { padding-top: 100%; } .fixed-ratio {
display: block;
position: relative;
overflow: hidden;
width: 100%;
}
.ratio-of1to1 { padding-top: 100% !important; }
.ratio-of4to3 { padding-top: 75% !important; }
.ratio-of3to2 { padding-top: 66.66% !important; }
.ratio-of16to9 { padding-top: 56.25% !important; }
.ratio-of2to1 { padding-top: 50% !important; }
.ratio-of21to9 { padding-top: 42.85% !important; }
.ratio-of36to10 { padding-top: 27.77% !important; }
.fixed-ratio > * {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
.fixed-ratio > img {
width: 100%; height: 100%;
object-fit: cover;
}
.fixed-ratio > iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.absolute {
position:  absolute;
top: 0; left: 0; bottom: 0; right: 0;
}  .font-size-50 { font-size: 50% !important; }
.font-size-60 { font-size: 60% !important; }
.font-size-75 { font-size: 75% !important; }
.font-size-125 { font-size: 125% !important; }
.font-size-150 { font-size: 150% !important; }
.font-size-200 { font-size: 200% !important; }
@media (min-width: 576px) {
.font-size-sm-50 { font-size: 50% !important; }
.font-size-sm-60 { font-size: 60% !important; }
.font-size-sm-75 { font-size: 75% !important; }
.font-size-sm-125 { font-size: 125% !important; }
.font-size-sm-150 { font-size: 150% !important; }
.font-size-sm-200 { font-size: 200% !important; }
}
// Small devices (landscape phones, less than 768px)
//@media (max-width: 767.98px) { ... }
// Medium devices (tablets, less than 992px)
//@media (max-width: 991.98px) { ... }
// Large devices (desktops, less than 1200px)
//@media (max-width: 1199.98px) { ... }  .mh-50px { max-height: 50px !important; }
.mx--0px { margin-left: 0px !important; margin-right: 0px !important; }
.p-0px { padding: 0px !important; }
.mx--5px { margin-left: -5px !important; margin-right: -5px !important; }
.mx--5px > [class*=col] { padding: 5px !important; }
.p-5px { padding: 5px !important; }
.py-5px { padding: 5px 0px !important; }
.px-5px { padding: 0px 5px !important; }
.pt-5px { padding: 5px 0px 0px 0px !important; }
.pr-5px { padding: 0px 5px 0px 0px !important; }
.pb-5px { padding: 0px 0px 5px 0px !important; }
.pl-5px { padding: 0px 0px 0px 5px !important; }
.m-5px { margin: 5px !important; }
.my-5px { margin: 5px 0px !important; }
.mx-5px { margin: 0px 5px !important; }
.mt-5px { margin: 5px 0px 0px 0px !important; }
.mr-5px { margin: 0px 5px 0px 0px !important; }
.mb-5px { margin: 0px 0px 5px 0px !important; }
.ml-5px { margin: 0px 0px 0px 5px !important; }
.mx--10px { margin-left: -10px !important; margin-right: -10px !important; }
.p-10px { padding: 10px !important; }
.p-15px { padding: 15px !important; } .bg-125 { background-color: rgba(0,0,0,.125); }
.bg-crimson { background-color: crimson; }
.bg-black { background-color: black; }
.bg-lightcoral { background-color: lightcoral; }
.bg-lightgray { background-color: lightgray; }
.text-crimson { color: crimson; }
.table td.fit, 
.table th.fit {
white-space: nowrap;
width: 1%;
}
.overflow-hidden {
overflow: hidden;
}  #id-page-subheader { background: none !important; } #menu-main li a { white-space: nowrap; } #ppBody
{
font-size:11pt;
width:100%;
margin:0 auto;
text-align:justify;
}
#ppHeader
{
font-family:verdana;
font-size:21pt;
width:100%;
margin:0 auto;
}
.ppConsistencies
{
display:none;
} body dl p { margin: 0; } .card em { font-size: 85%; } .nav-item.dropdown:hover .dropdown-menu { display: block; }
.object-fit-cover { object-fit: cover; }
a:hover .gameicon {
transform: scale(1.2);
transition: transform 1s;
}
a:hover .softwareicon {
transform: scale(1.2);
transition: transform 1s;
} img[data-lazyloaded]{
opacity: 0;
} img.litespeed-loaded{
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;
}