@import "https://fonts.googleapis.com/css?family=roboto+Sans:300,400";
         @import "https://fonts.googleapis.com/icon?family=Material+Icons";
         * {
         box-sizing: border-box;
         }
         body {
         background-color: #20b49c;
         font-family: "Fira Sans", Arial, sans-serif;
         font-size: 16px;
         line-height: 1.875em;
         }
         body::after {
         content: '';
         position: absolute;
         z-index: 99;
         background-color: rgba(24, 137, 118, 0.8);
         height:auto;
         width: 100%;
         transition: 0.4s;
         opacity: 0;
         visibility: hidden;
         }
         a {
         text-decoration: none;
         }
         .nav-top {
         display: flex;
         align-items: center;
         position: fixed;
         z-index: 101;
         padding: 10px 20px;
         width: 100%;
         height: 50px;
         background-color: #188976;
         }
         .nav-top .hamburger {
         margin-left: auto;
         color: #fff;
         cursor: pointer;
         }
         .nav-drill {
         margin-top: 50px;
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
         }
         .nav-is-toggled .nav-drill {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         }
         .nav-is-toggled::after {
         opacity: 1;
         visibility: visible;
         }
         .nav-drill {
         display: flex;
         position: fixed;
         z-index: 100;
         top: 0;
         right: 0;
         width: 250px;
         height:100%;
         background-color: #fff;
         overflow-y: auto;
         overflow-x: hidden;
         -webkit-overflow-scrolling: touch;
         transition: 0.45s;
         }
         .nav-items {
         flex: 0 0 100%;
         }
         .nav-item:not(:last-child) {
         border-bottom: solid 1px #daf9f4;
         }
         .nav-link {
         display: block;
         padding: 0.875em 1em;
         background-color: #fff;
         color: #20b49c;
         font-size: 1rem;
         line-height: 1.5em;
         font-weight: 300;
         }
         .nav-expand-content {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
         background-color: #daf9f4;
         transition: 0.3s;
         visibility: hidden;
         }
         .nav-expand-content .nav-item:not(:last-child) {
         border-bottom: solid 1px #20b49c;
         }
         .nav-expand-content .nav-link {
         background-color: #daf9f4;
         }
         .nav-expand-content .nav-back-link {
         display: flex;
         align-items: center;
         background-color: #20b49c !important;
         color: #fff;
         }
         .nav-expand-content .nav-back-link::before {
         content: "chevron_left";
         margin-right: 0.5em;
         font-family: "Material Icons";
         }
         .nav-expand-link {
         display: flex;
         justify-content: space-between;
         }
         .nav-expand-link::after {
         content: "chevron_right";
         flex: 0 1 auto;
         font-family: "Material Icons";
         }
         .nav-expand.active > .nav-expand-content {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         visibility: visible;
         }
         .nav-expand .nav-expand-content {
         background-color: #daf9f4;
         }
         .nav-expand .nav-expand-content .nav-link {
		 width:100%;
		 height:auto;
		 margin:0 auto;
		 text-align:center;
		 background-color: #daf9f4;
		 display:block;
         }
         .nav-expand .nav-expand-content .nav-expand-content {
         background-color: #aff1e6;
         }
         .nav-expand .nav-expand-content .nav-expand-content .nav-link {
         background-color: #aff1e6;
         }
         .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
         background-color: #84e9d9;
         }
         .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
         background-color: #84e9d9;
         }
         .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
         background-color: #59e1cb;
         }
         .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
         background-color: #59e1cb;
         }
		 
		 /*------------------------------vutha --------------------------*/
		 .bg{
			 background-color: #006554 !important;
			 }
		.box-nav{
			width:100%;
			height:auto;
			margin:0 auto;
			text-align:center;
			display:block;
			}
.main_contain{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:block;
	}
.contain{
	width:100%;
	max-width:768px;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:block;
	}
.btn-dw{
	border-radius:0;
	}
#topbar {
    padding: 10px 0 10px;
    background: rgb(66, 224, 79);
    background: radial-gradient(circle, rgba(66, 224, 79, 1) 0%, rgba(5, 87, 9, 1) 100%);
}

#topbar .form-control {
    max-width: 210px;
}
.img{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:block;
	}
.img_home{
	padding:15px;
	}
.contain .form-row .col-4:nth-child(1),.contain .form-row .col-4:nth-child(2){
    background: linear-gradient(to top, #00ffd1 0%, #00ffd1 3%, #00ffd1 50%, #006554 97%, #006554 100% ) right no-repeat,linear-gradient(to left, #00ffd1 0%, #00ffd1 3%, #00ffd1 50%, #006554 97%, #006554 100%) bottom no-repeat;
    align-items: center;
    border-bottom: 0 none;
    background-size: 1px 100%,100% 1px;
}
.contain .form-row .col-4:nth-child(4),.contain .form-row .col-4:nth-child(7),.contain .form-row .col-4:nth-child(5),.contain .form-row .col-4:nth-child(8){
   background: linear-gradient(to top, #00ffd1 0%, #00ffd1 100%) right no-repeat,linear-gradient(to left, #00ffd1 0%, #00ffd1 3%, #00ffd1 50%, #006554 97%, #006554 100%) bottom no-repeat;
    align-items: center;
    border-bottom: 0 none;
    background-size: 1px 100%,100% 1px;
}
.contain .form-row .col-4:nth-child(10),.contain .form-row .col-4:nth-child(11){
    background: linear-gradient(to bottom, #00ffd1 0%, #00ffd1 3%, #00ffd1 50%, #006554 97%, #006554 100% ) right bottom #006554 no-repeat;
    align-items: center;
    border-bottom: 0 none;
    background-size: 1px 100%;
}

.contain .form-row .col-4:nth-child(2){
    background: linear-gradient(to top, #00ffd1 0%, #00ffd1 3%, #00ffd1 50%, #006554 97%, #006554 100% ) right no-repeat,linear-gradient(to left, #00ffd1 0%, #00ffd1 100%) bottom no-repeat;
    align-items: center;
    border-bottom: 0 none;
    background-size: 0.091rem 100%,100% 1px;
}
.contain .form-row .col-4:nth-child(3),.contain .form-row .col-4:nth-child(6),.contain .form-row .col-4:nth-child(9){
   background: linear-gradient(to right, #00ffd1 0%, #00ffd1 3%, #00ffd1 50%, #006554 97%, #006554 100%) right bottom #006554 no-repeat;
    align-items: center;
    border-bottom: 0 none;
    background-size: 100% 1px;
}

.contain .form-row .col-4:nth-child(5),.contain .form-row .col-4:nth-child(8){
    background: linear-gradient(to top, #00ffd1 0%, #00ffd1 100%) right no-repeat,linear-gradient(to left, #00ffd1 0%, #00ffd1 100%) bottom no-repeat;
    align-items: center;
    border-bottom: 0 none;
    background-size: 0.091rem 100%,100% 1px;
}
.title-games-home {
    color: #00ffd1;
    padding-bottom: 10px;
	font-size:1.1rem;
}
.footer{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background: #00ffd1;
    background: radial-gradient(circle, #00ffd1 0%, #188976 100%);
	display:block;
	}
.img_bank{
	padding:10px
	}
.bank p, .game_logo p{
	font-size:1.0rem;
	color:#00352c;
	font-weight:450;
	padding:5px;
	text-align:left;
	display:block;
	}
.game-footer{
	padding:5px 0;
	}
.game-footer img{
	border-radius:5px;
	}
.copy-right{
	width:100%;
	height:auto;
	font-size:0.6rem;
	color:#999999;
	text-align:center;
	margin:0 auto;
	padding:5px 0;
	padding-bottom:60px;
	display:block;
	}
.box-sports, .box-lottery{
	padding:5px 0;
	}
.box-casino{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:5px 0;
	display:block;
	}
.box-casino p{
	width:100%;
	font-size:1.2rem;
	color:#004d4d;
	position:absolute;
	left:0;
	bottom:1px;
	display:block;
	}
.top-footer{
	width:100%;
	height:60px;
	position:fixed;
	left:0;
	bottom:0;
	background:#003333;
	padding-top:3px;
	display:block;
	}
.box-footer, .box-footer p{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:block;
	}
.box-footer p{
	font-size:0.7rem;
	padding:3px 0;
	color:#00ffff;
	}
.bg-4{
	background:#003333 !important;
	}
.sl{
	padding-top:50px;
	}
.box-num{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	display:block;
	}
.box-num p{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:absolute;
	left:0 auto;
	bottom:2px;
	font-size:1.2rem;
	color:#000000;
	display:block;
	}
.lotterys-lobby{
	padding:5px 0;
	}
.box-cockf{
	margin:5px 0 auto;
	}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.img_home{
	padding:5px;
	}
.img_bank{
	padding:5px 3px; 
	}
.bank p, .game_logo p{
	font-size:0.8rem;
	color:#00352c;
	font-weight:450;
	text-align:left;
	padding:5px;
	display:block;
	}
.title-games-home{
    color: #00ffd1;
    padding-bottom:5px;
	font-size:0.9rem;
}
.box-sports, .box-lottery{
	padding:3px 0;
	}
.box-casino{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:3px 0;
	display:block;
	}
.box-casino p{
	width:100%;
	font-size:0.8rem;
	color:#004d4d;
	position:absolute;
	left:0;
	bottom:1px;
	display:block;
	}
.box-num p{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:absolute;
	left:0 auto;
	bottom:2px;
	font-size:0.9rem;
	color:#000000;
	display:block;
	}
.lotterys-lobby{
	padding:3px 0;
	}
.box-cockf{
	margin:3px 0 auto;
	}
	}