.modal-content,
.modal-overlay {
height: 100%;
width: 100%;
}
.modal-error,
.modal-image,
.modal-title-wrap {
text-align: center;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 99998;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.modal-overlay.modal-open {
visibility: visible;
opacity: 1;
}
.modal-wrap {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}
.modal-next,
.modal-prev {
top: 50%;
position: absolute;
}
.modal-title-wrap {
position: absolute;
bottom: 0;
margin: auto;
display: inline-block;
width: 100%;
}
.modal-nav {
display: none;
}
.modal-prev {
left: 0;
}
.modal-next {
right: 0;
}
.modal-close {
position: absolute;
top: 2%;
right: 2%;
}
.modal-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.modal-content iframe,
.modal-error {
width: 100%;
height: 100%;
}
.modal-ajax,
.modal-inline {
max-height: 100%;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.modal-error {
display: table;
color: #fff;
text-shadow: 0 1px 1px #000;
}
.modal-error p {
display: table-cell;
vertical-align: middle;
}
.modal-notouch .modal-effect-fade,
.modal-notouch .modal-effect-fadeScale,
.modal-notouch .modal-effect-fall,
.modal-notouch .modal-effect-slideDown,
.modal-notouch .modal-effect-slideLeft,
.modal-notouch .modal-effect-slideRight,
.modal-notouch .modal-effect-slideUp {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.modal-effect-fadeScale .modal-wrap {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.modal-effect-fadeScale.modal-open .modal-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.modal-effect-slideDown .modal-wrap,
.modal-effect-slideLeft .modal-wrap,
.modal-effect-slideRight .modal-wrap,
.modal-effect-slideUp .modal-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.modal-effect-slideLeft .modal-wrap {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}
.modal-effect-slideRight .modal-wrap {
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}
.modal-effect-slideLeft.modal-open .modal-wrap,
.modal-effect-slideRight.modal-open .modal-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.modal-effect-slideDown .modal-wrap {
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}
.modal-effect-slideUp .modal-wrap {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
.modal-effect-slideDown.modal-open .modal-wrap,
.modal-effect-slideUp.modal-open .modal-wrap {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.modal-body-effect-fall .modal-effect-fall {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.modal-effect-fall .modal-wrap {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateZ(300px);
-moz-transform: translateZ(300px);
-ms-transform: translateZ(300px);
transform: translateZ(300px);
}
.modal-effect-fall.modal-open .modal-wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.modal-skin-default.modal-overlay {
background: #282c39;
}
.modal-skin-default .modal-content.modal-loading {
background: url(https://i.imgur.com/eRrwfWf.gif) 50% 50% no-repeat;
}
.modal-skin-default .modal-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
}
.modal-skin-default .modal-nav:hover {
opacity: 1;
}
.modal-skin-default .modal-prev {
background-image: url(https://i.imgur.com/5lvhOF7.png);
border-radius: 0 3px 3px 0;
}
.modal-skin-default .modal-next {
background-image: url(https://i.imgur.com/8CPLach.png);
border-radius: 3px 0 0 3px;
}
.modal-skin-default .modal-close {
display: block;
background: url(https://i.imgur.com/DDhZS6k.png) 5px 5px no-repeat;
width: 23px;
height: 23px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}
.modal-skin-default .modal-close:hover {
opacity: 1;
}
.modal-skin-default .modal-title-wrap {
bottom: -7%;
}
.modal-skin-default .modal-title {
color: #fff;
padding: 7px 15px;
display: inline-block;
cursor: pointer;
background: #000;
border-radius: 30px;
}
.modal-skin-default .modal-image img {
background: #2f3444;
background: none;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.modal-skin-default .modal-ajax,
.modal-skin-default .modal-inline {
background: #2f3444;
padding: 40px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.modal-skin-default .modal-content.modal-loading {
background-image: url(https://i.imgur.com/AMXib0W.gif);
background-size: 32px 32px;
}
.modal-skin-default .modal-prev {
background-image: url(https://i.imgur.com/n9FqpVJ.png);
background-size: 48px 48px;
}
.modal-skin-default .modal-next {
background-image: url(https://i.imgur.com/jIcbVZe.png);
background-size: 48px 48px;
}
.modal-skin-default .modal-close {
background-image: url(https://i.imgur.com/71gOmg7.png);
background-size: 16px 16px;
}
}
.multi {    
margin-bottom:20px;
display: inline-block;
}
.multi a {
color: #fff;
float: left;
padding: 8px 13px;
font-size:14px;
font-weight:bold;transition: all .2s ease-in-out;
}
.multi a.active {
background-color: #e67e22;
color: #fff;
}
.multi a:hover:not(.active) {background-color: rgb(139 145 150 / 50%);}
#multi{background-color: #e67e22;}
#multi a {
color: #fff;
}
#multiplayer{background-color: #298eea;}
#multiplayer a {
color: #fff;
}
#monetize{
background:#0e0e0e00;
border-radius: 5px;
}
#playnow{
background:#0e0e0e00;
border-radius: 5px;
}