@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

body{
    font-size:12px;
    -webkit-font-smoothing:antialiased;
    background:#000;
    font-family:"Montserrat",tahoma,helvetica;
    color:#fff;
    min-width:1140px;
}
.header{
    padding-top:10px;
    padding-bottom:10px;
    background:#0008;
    background:linear-gradient(to bottom right,#2a2a2a 30%,#0e0e0e 75%);
}
.menu{
    background: #088396;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}
.menu .navbar,.menu .nav-item{
    padding:0px;
}
.menu .nav-item:not(:first-child){
    border-left:1px solid #0005;
}
.menu .nav-item:not(:last-child){
    border-right:1px solid #fff1;
}
.menu .nav-link{
    padding:.75rem 2.5rem!important;
    text-transform:uppercase;
    cursor:pointer;
    color:#fff;
}
.menu .nav-link:hover{
    background:#0005;
}
.wrapper{
    /*background:#091524 url(../img/bg2.jpg) top right no-repeat;*/
    background:#000;
    background:radial-gradient(ellipse,#025,#000);
}
.wrapper-inner{
    border-radius:.35rem;
    background:#222;
    border:1px solid #fff5;
    padding:2rem;
    background:radial-gradient(ellipse, black 50%, #07515d);
    background:-webkit-radial-gradient(ellipse, black 50%, #07515d);
}
.container{
    min-width:1140px;
    padding:0px;
}
hr{
    border-color:#fff2;
}
.ads1{
    float:left;
    width:calc(45%);
    height:100px;
    display:inline-block;
    overflow:hidden;
}
.ads3{
    display:inline-block;
    float:right;
    width:calc(45%);
    height:100px;
    overflow:hidden;
    text-align:right;
}
.main-banner{
    max-width:1920px;
    max-height:400px;
    overflow:hidden;
}
.main-banner .carousel{
    width:100%;
    max-height:400px;
}
.side1,.side2{
    height:200px;
    width:100%;
    background:#222;
    border:1px solid #0008;
}
.side1 img,.side2 img{
    max-height:100%;
    max-width:100%;
}
.side1{
    margin-bottom:10px;
    overflow:hidden;
}
.ads-bottom{
    vertical-align:top;
    padding-left:5px;
    padding-right:5px;
}
.ads-container{
    margin-top:10px;
    margin-left:-5px;
    margin-right:-5px;
}
.ads-bottom .ads-img{
    background:#222;
    height:200px;
    overflow:hidden;
    border:1px solid #088396;
}
.ads-img img{
    max-height:100%;
    max-width:100%;
}
.img-footer{
    margin-top:10px;
    height:150px;
    overflow:hidden;
    text-align:center;
    border:1px solid #088396;
}
.img-footer img{
    max-height:100%;
    width:100%;
}
.footer{
    padding-top:10px;
    padding-bottom:10px;
    background:linear-gradient(to top right,#000,#032244);
    color:#fff;
    text-align:justify;
}
.promo-img{
    width:700px;
    height:150px;
    overflow:hidden;
}
.promo-summary{
    width:calc(100% - 700px);
    padding:1.5rem .5rem;
    text-align:center;
}
.promo-container{
    background:#222;
    border:1px solid #088396;
}
.promo-container:not(:first-child){
    margin-top:10px;
}
.promo-summary .summary-title{
    font-size:20px;
    font-weight:bold;
    padding-bottom:10px;
}
.promo-detail{
    background:#fff1;
    padding:1rem;
    text-align:justify;
}
.btn.btn-submit {
	box-shadow:inset 0px 34px 0px -15px #b54b3a;
	background-color:#a73f2d;
	border:1px solid #241d13;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #7a2a1d;
    border-radius:.35rem;
}
.btn.btn-submit:hover {
	background-color:#b34332;
}
.btn.btn-submit:active {
	position:relative;
	top:1px;
}

.ads1 img,.ads2 img,.ads3 img{
    max-width:100%;
    max-height:100%;
}
.ads1{
    position:relative;
}
.ads1 img{
    position:absolute;
    top:50%;
    left:0px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
}
.header{
    background:radial-gradient(ellipse,#003665,#000);
    background:-webkit-radial-gradient(ellipse,#003665,#000);
    background:-moz-radial-gradient(ellipse,#003665,#000);
    background:#01191f url(../img/header.png);
}
.footer{
    border-top:5px solid #1E6292;
    background:radial-gradient(ellipse,#075865,#000);
    background:-webkit-radial-gradient(ellipse,#075865,#000);
    background:-moz-radial-gradient(ellipse,#075865,#000);
}
.side1 img,.side2 img,.banner-left,.ads-img,.img-footer{
    background:#222;
}
.menu{
    font-family:"Montserrat",tahoma,helvetica;
    font-weight:bold;
}
.btn.btn-toplink img{
    width:24px;
}
.btn.btn-toplink {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:.35rem;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn.btn-toplink:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.btn.btn-toplink:active {
	position:relative;
	top:1px;
}

.modal-open .header,.modal-open .menu,.modal-open .wrapper,.modal-open .footer{
    filter:blur(3px);
    -webkit-filter:blur(3px);
}
.btn.btn-join {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn.btn-join:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.btn.btn-join:active {
	position:relative;
	top:1px;
}
.btn.btn-readmore {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.btn.btn-readmore:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.btn.btn-readmore:active {
	position:relative;
	top:1px;
}
.game-list{
    width:100%;
    text-align:center;
    padding-top:1rem;
    padding-bottom:1rem;
}
.game-container{
    display:inline-block;
    width:calc(50% - 1rem);
    overflow:hidden;
    margin:.25rem;
    border:1px solid #088396;
}
.game-footer{
    background:#222;
    padding:.5rem 1rem;
    font-weight:bold;
    font-size:18px;
    letter-spacing:1px;
}
.btn.btn-play {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#c92200;
	font-size:15px;
	font-weight:bold;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
}
.btn.btn-play:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
.btn.btn-play:active {
	position:relative;
	top:1px;
}
h2{
    font-weight:bold;
}
.menu-mobile{
    display:none;
}
.menu-bar{
    display:none;
}
.menu-backdrop{
    display:none;
}