@import url("https://fonts.googleapis.com/css?family=Nunito:400,700");
         * {
         box-sizing: border-box;
         }
         html,
         body {
         font-family: 'roboto', sans-serif;
         height: 100%;
         width: 100%;
         }
         body {
         background: #404040;
         display: table;
         }
		.no{
			font-size:1.0rem;
			color:#ff7f50;
			background:#003333;
			display:block;
			}
         a {
         text-decoration: none;
         }
         .mobile-wrapper {
         display: table-cell;
         text-align: center;
         vertical-align: middle;
         }
		 .mobile-wrapper{
			 width:100%;
			 height:auto;
			 margin:0 auto;
			 text-align:center;
			 background: #003333;
			 display:block;
			 }
         .mobile-container {
			 width:100%;
			 max-width:768px;
			 position:relative;
			 height:auto;
             margin:0 auto;
         }
       /*  .mobile-wrapper .mobile-container::before {
         background: #555;
         border: 2px solid #4a4a4a;
         border-radius: 50%;
         bottom: -67px;
         content: '';
         display: block;
         height: 50px;
         left: 50%;
         position: absolute;
         width: 50px;
         transform: translateX(-50%);
         z-index: 1;
         }*/
         .content {
         display: block;
         height: 100%;
         width: 100%;
         }
         .content nav {
         background: #007373;
         border-bottom: 1px solid #ff7f50;
         height: 60px;
         position: relative;
         }
         .content .nav-links {
         display: block;
         position: absolute;
         top: 60px;
         left: 0;
         width: 0;
         }
         .content .nav-links::before {
         background: rgba(0, 0, 0, 0.5);
         content: '';
         height: 100vh;
         left: 0;
         top: 0;
         position: absolute;
         opacity: 0;
         visibility: hidden;
         width: 100%;
         transition: all .3s;
		 display: block;
         }
         .content .nav-links li {
         border-bottom: 1px solid #007373d1;
         opacity: 0;
         visibility: hidden;
         transform: translateY(-20px);
         transition: all .3s;
         }
         .content .nav-links li a {
         background: #003333;
         color: #ff6933;
         display: block;
         font-size: 18px;
         font-weight: 700;
         padding: 12px 20px;
         text-align: left;
         width: 100%;
         transition: all .3s;
         }
         .content .nav-links li a:hover {
         color: coral;
         }
         input[type="checkbox"] {
         position: absolute;
         opacity: 0;
         visibility: hidden;
         }
         input[type="checkbox"]:checked + .icon_nav {
         border: 4px solid #ff7f50;
         border-radius: 50%;
         height: 28px;
         top: 16px;
         left: 18px;
         width: 28px;
         transform: rotate(-135deg);
         }
         input[type="checkbox"]:checked + .icon_nav::before {
         background: #ff7f50;
         top: 8px;
         left: 4px;
         width: 12px;
         }
         input[type="checkbox"]:checked + .icon_nav::after {
         background: #ff7f50;
         opacity: 1;
         top: 8px;
         left: 4px;
         visibility: visible;
         width: 12px;
         }
         input[type="checkbox"]:checked + .icon_nav:hover {
         border-color: coral;
         }
         input[type="checkbox"]:checked + .icon_nav:hover::before, input[type="checkbox"]:checked + .icon_nav:hover::after {
         background: coral;
         }
         input[type="checkbox"]:checked ~ .nav-links::before {
         opacity: 1;
         visibility: visible;
         }
		 input[type="checkbox"]:checked ~ .nav-links {
			 width:100%
			 }
         input[type="checkbox"]:checked ~ .nav-links li {
         opacity: 1;
         visibility: visible;
         transform: translateY(0);
         }
         input[type="checkbox"]:checked ~ .nav-links li:nth-child(1) {
         transition-delay: 0s;
         }
         input[type="checkbox"]:checked ~ .nav-links li:nth-child(2) {
         transition-delay: 0.1s;
         }
         input[type="checkbox"]:checked ~ .nav-links li:nth-child(3) {
         transition-delay: 0.2s;
         }
         input[type="checkbox"]:checked ~ .nav-links li:nth-child(4) {
         transition-delay: 0.3s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(5) {
         transition-delay: 0.4s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(6) {
         transition-delay: 0.5s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(7) {
         transition-delay: 0.6s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(8) {
         transition-delay: 0.7s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(9) {
         transition-delay: 0.8s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(10) {
         transition-delay: 0.9s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(11) {
         transition-delay: 0.10s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(12) {
         transition-delay: 0.11s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(13) {
         transition-delay: 0.12s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(14) {
         transition-delay: 0.13s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(15) {
         transition-delay: 0.14s;
         }
		  input[type="checkbox"]:checked ~ .nav-links li:nth-child(16) {
         transition-delay: 0.15s;
         }
         .icon_nav {
         background: none transparent;
         border: 4px solid coral;
         border-left: 0 solid transparent;
         border-right: 0 solid transparent;
         cursor: pointer;
         display: block;
         height: 24px;
         position: absolute;
         top: 18px;
         left: 20px;
         width: 24px;
         transition: all .2s;
         }
         .icon_nav::before {
         background: coral;
         content: '';
         height: 4px;
         left: 0;
         position: absolute;
         top: 6px;
         width: 24px;
         transition: all .2s;
         }
         .icon_nav::after {
         background: coral;
         content: '';
         height: 4px;
         left: 0;
         position: absolute;
         top: 6px;
         opacity: 0;
         visibility: hidden;
         width: 100%;
         transform: rotate(90deg);
         transition: all .2s;
         }
/*----------------------------   me --------------------------------*/
.nav-links{
	z-index:999;
	}
.dw{
	border-radius:0;
	}
.btn_lr{
	color: #ff7f50!important;
    border: 2px solid #ff7f50!important;
    border-radius: 20px!important;
    font-size: 0.9rem;
    background: #003333;
    background: -moz-linear-gradient(top,#003333 0%,#005f5f 100%);
    background: -webkit-linear-gradient(top,#003333 0%,#005f5f 100%);
    background: linear-gradient(to bottom,#003333 0%,#005f5f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f1a',endColorstr='#002401',GradientType=0);
    padding: 5px 10px;
	}
.lr{
	height: 100%;
    text-align: right;
    padding: 19px 5px;
	}
.box_home, .title-game{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	text-align:center;
	display:block;
	}
.img{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	text-align:center;
	display:block;
	}
.box_home{
	position:relative;
	margin:5px auto;
	}
.title-game{
	width:100%;
	font-size:1.2rem;
	color:#ff7f50;
	position:absolute;
	left:0;
	bottom:0px;
	padding:5px 0;
	}
.footer{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:block;
	}
.contact{
	position:relative;
	}
.text_contact{
	position: absolute;
    top: 14px;
    left: 48px;
    color: #ff7f50;
    font-size: 0.9rem;
	}
.bank_p, .game_title, .contacts{
	color:#ff7f50;
	font-family:1.2rem;
	text-align:left;
	padding-left:5px;
	display:block;
	}
.contact_us{
	width:100%;
	height:auto;
	padding:10px 0;
	}
.contact{
	padding:5px 0;
	}
.nav-img{
	padding:5px;
	overflow:hidden;
	}
/*.box-sport{
	padding:5px 0;
	}*/
.box-casino, .box-slot{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	display:block;
	}
.title_casino, .title_slot{
	width:100%;
	height:auto;
	margin:0 auto;
	font-size:1.4rem;
	color:#4d2600;
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	}
.box-lottery, .box-cockfight{
	margin:5px auto
	}
.box-number, .box-poker{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:5px 0;
	position:relative;
	}
.title_num{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	font-size:1.3rem;
	color:#ff8000;
	position:absolute;
	left:0;
	bottom:5px;
	}
.title_poker{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	font-size:1.3rem;
	color:#ff8000;
	position:absolute;
	left:0;
	bottom:5px;
	}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
.mobile-container {
    width: 100%;
    position: relative;
    height: auto;
    margin: 0 auto;
}
.btn_lr{
	color: #ff7f50!important;
    border: 2px solid #ff7f50!important;
    border-radius: 20px!important;
    font-size: 0.8rem;
    background: #003333;
    background: -moz-linear-gradient(top,#003333 0%,#005f5f 100%);
    background: -webkit-linear-gradient(top,#003333 0%,#005f5f 100%);
    background: linear-gradient(to bottom,#003333 0%,#005f5f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f1a',endColorstr='#002401',GradientType=0);
    padding: 5px 10px;
	}
.title-game{
	width: 100%;
    font-size: 1.0rem;
    color: #ff7f50;
    position: absolute;
    left: 0;
    bottom: 0px;
    padding: 2px 0;
	}
.title_casino, .title_slot{
	width:100%;
	height:auto;
	margin:0 auto;
	font-size:1.0rem;
	color:#4d2600;
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	}
.title_num {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 0.9rem;
    color: #ff8000;
    position: absolute;
    left: 0;
    bottom: 2px;
}
.title_poker {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 0.9rem;
    color: #ff8000;
    position: absolute;
    left: 0;
    bottom: 2px;
}
	}