/* Betfish game Start*/
.betfishgame-section { background: url(../../img/dragong_king.png); background-attachment: fixed; }
.blue-gradiant-btn { font-size: 18px; color: #fff; white-space: nowrap; margin: 0; border-radius: 8px; line-height: 1; color: #000; font-weight: 700; padding: 12px 0; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); z-index: 0; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.blue-gradiant-btn:before { content: ""; border-radius: 8px; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: linear-gradient(to bottom, rgba(236, 217, 133, 1) 0%, rgba(234, 204, 82, 1) 100%); }
.blue-gradiant-btn:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); }
.blue-gradiant-btn:hover .areaya { color: #fff; }
.btn-block+.btn-block:hover span, .btn-block+.btn-block:hover{ color: #fff; }
.popup_play_btn { margin-top: 15px; }
.areaya { font-weight: 700; color: #000; }

.topulbg li{ background-color:rgba(0, 0, 0, 0.9) !important; border-bottom: none;}
.topulbg li:nth-child(1){border-top-left-radius:8px;-webkit-border-top-left-radius:8px;-moz-border-top-left-radius:8px;-ms-border-top-left-radius:8px;-o-border-top-left-radius:8px;}
.topulbg li:nth-child(4){border-top-right-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-top-right-radius:8px;-ms-border-top-right-radius:8px;-o-border-top-right-radius:8px;}
.round-beats-cstmul {/*background-color: #0d2644;*/display: flex; flex-direction: row;  width: 100%; margin: 0; padding: 0; }
.round-beats-cstmul li { padding: .80rem .75rem; background-color:rgba(0,0,0,0.75); font-family: 'Open Sans'; font-weight: 600; font-size: 12px; color: #C7BFD5; border-top: none !important; list-style: none; display: flex; flex-wrap: wrap; align-content: center;word-break: break-word; }
.round-beats-cstmul.topulbg li { background-color: #0c1b32; border-bottom: none; }
.round-beats-cstmul li:nth-child(1) { width: 35%;}
.round-beats-cstmul li:nth-child(2) { width: 25%; border-left: 1px solid #808080; border-right: 1px solid #808080; }
.round-beats-cstmul li:nth-child(3) { width: 20%; border-right: 1px solid #808080; }
.round-beats-cstmul li:nth-child(4) { width: 20%; }
.betfishgame .content { background-image: url('../img/befish-game-bg.png'); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; }
.betfishgame-detail-tab .tab-content { /*background: #0a203a;*/ padding: 0; color: #fff; margin-bottom: 30px; }
.betfishgame-detail-tab .nav.nav-pills { text-transform: uppercase; text-align: center; margin-bottom: 10px; background: rgb(0 0 0); border-radius: 8px; }
.betfishgame-detail-tab .nav.nav-pills li { width: 33.33333%; text-transform: uppercase; text-align: center; padding: 10px; }
.betfishgame-detail-tab .nav.nav-pills>li+li{margin-left: 0px;}
.betfishgame-detail-tab .nav-pills .nav-link span { padding-right: 15px; }
.betfishgame-detail-tab .nav-pills .nav-link.active { background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%); color: #fff; }
.betfishgame-detail-tab .nav-pills .nav-link { white-space: nowrap; margin: 0; color: #000; border-radius: 8px; font-weight: 700; padding: 12px 0; line-height: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); z-index: 0; border: 1px solid #737373; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.betfishgame-detail-tab .nav-pills .nav-link:before { content: ""; border-radius: 8px; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: linear-gradient(to bottom, rgba(236, 217, 133, 1) 0%, rgba(234, 204, 82, 1) 100%); }

.betfishgame-detail-tab .nav-pills .nav-link.active:before {background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%); color: #fff;}
.betfishgame-detail-tab .nav-pills .nav-link:hover:before {-webkit-transform: scaleX(0);transform: scaleX(0); background: linear-gradient(to bottom, rgba(236, 217, 133, 1) 0%, rgba(234, 204, 82, 1) 100%);}
.betfishgame-detail-tab .nav-pills .nav-link:hover { color: #fff; }
.betfishgame-detail-tab .nav-pills .nav-link a { color: #fff; }


.betfish-card { background-color:rgba(0,0,0,0.75); padding: 20px 20px 10px; border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;-moz-border-radius:8px 8px 0px 0px;-ms-border-radius:8px 8px 0px 0px;-o-border-radius:8px 8px 0px 0px; margin-bottom: 20px;}
.betfish-card .fish-inner-row {background-color: #000;display: flex; flex-direction: column;position: relative;margin-bottom: 4px; }
.betfish-card .top-badge-score { position: absolute; top: -10px; left: 0; right: 0; text-align: center; display: block; margin: 0 auto; background: linear-gradient(to bottom, rgba(236,217,133,1) 0%,rgba(234,204,82,1) 100%); width: 32%; color: #000; font-weight: 700; font-size: 11px; padding: 1px 2px; line-height: 13px; }
.betfish-card .fish-btn-group { display: flex;padding: 4px 2px;flex: auto; }

 /*------- betfish-card animation -----------*/
.slider_arrow { position: absolute; top: 10px; width: 100%; left: 0; right: 0; }
.slid_left_arrow i, .slid_right_arrow i { font-size: 20px; color: #fff; }
.slid_left_arrow { position: absolute; margin-left: -20px; text-align: center; animation: left_arrow 1s infinite; }
.slid_right_arrow { position: absolute; margin-right: -20px; text-align: center; animation: right_arrow 1s infinite; }
@keyframes left_arrow {
	0% { left: 0; }
	50% { left: 8px; }
	100% { left: 0; }
}
@keyframes right_arrow {
	0% { right: 0; }
	50% { right: 8px; }
	100% { right: 0; }
}

 /*------- betfish-card animation End-----------*/

.betfish-card .btnstyle { transition: all 0.2s; flex: auto; border: none; box-shadow: none; margin: 0px 2px 0px; height: 32px; width: 100%; outline: none; cursor: pointer; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); position: relative; }
.betfish-card .btnstyle:before { content: ""; border-radius: 0px; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: rgb(0 0 0 / 20%) }
.betfish-card .btnstyle:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); }
.betfish-card .btnstyle:hover,.betfish-card .btnstyle:focus{outline: none;box-shadow: none;text-decoration: none;/* opacity: 0.6; */filter: grayscale(0%)}
.btnstyle-bg-1 { background-image: url('../img/btnstyle-bg-1.png'); background-size: 100% 100%; filter: grayscale(100%)}
.btnstyle-bg-2 { background-image: url('../img/btnstyle-bg-2.png'); background-size: 100% 100%;filter: grayscale(100%)}
.btnstyle-bg-3 { background-image: url('../img/btnstyle-bg-3.png'); background-size: 100% 100%; filter: grayscale(100%)}
.btnstyle-bg-4 { background-image: url('../img/btnstyle-bg-4.png'); background-size: 100% 100%;filter: grayscale(100%) }
.btnstyle-bg-5 { background-image: url('../img/btnstyle-bg-5.png'); background-size: 100% 100%; filter: grayscale(100%)}
.btnstyle-bg-6 { background-image: url('../img/btnstyle-bg-6.png'); background-size: 100% 100%; filter: grayscale(100%)}
.btnstyle-bg-7 { background-image: url('../img/btnstyle-bg-7.png'); background-size: 100% 100%; filter: grayscale(100%)}

.betfish-card .mt-15{margin-top: 15px;}
.betfish-card .mb-15{margin-bottom: 15px;}
.betfish-card .btnstyle:active{outline: none;box-shadow: none;text-decoration: none;opacity: 0.6;background-color: transparent;background-image: url('../img/btnstyle-bg-1.png');}

.betfish-card  label { margin-bottom: 5px; font-family: 'Open Sans'; font-size: 10px; color: #fff; font-weight: 600; }
.betfish-card  .form-horizontal .btn-list li a { width: 35px; font-size: 11px; }
.betfish-card  .form-horizontal .icon-group { position: relative; flex: 1;}
.betfish-card  .form-horizontal .icon-group .icon-img { position: absolute; margin-right: 12px; width: 12px; display: flex; flex-direction: row; height: 12px; top: 12px; right: 0; }
.betfish-card  .form-horizontal .count-input input { padding: 10px 10px 10px 10px;font-size: 14px;    color: #fff250; }
.betfish-card  .form-horizontal .icon-group .bitcoin-icon { font-size: 15px; color: #ffa800; position: relative; top: 0; }
.betfish-card .bet_resol .form-control:disabled,.betfish-card .bet_resol .form-control[readonly] { border: none; text-align: center;  background-color: #000;transition: none;  color: #fff;height: 39px;}
.betfish-card .bet_resol .form-control:disabled:hover,.betfish-card .bet_resol .form-control[readonly]:hover,
.betfish-card .bet_resol .form-control:disabled:focus,.betfish-card .bet_resol .form-control[readonly]:focus,
.betfish-card .bet_resol .btn-secondary:not(:disabled):not(.disabled):active { outline: none; box-shadow: none; transition: none; border-color: #061425; font-weight: 600; color: #fff; }
.betfish-card .bet_resol .btn-secondary {color: #040404; border-color: #ffffff; border: none; padding: 10px 20px; font-size: 14px; border-radius: 0; font-family: 'Open Sans'; font-weight: 600; background:linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%); position: relative;z-index: 0; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); opacity: 1;}
.betfish-card .bet_resol .btn-secondary:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: linear-gradient(to bottom, rgba(236, 217, 133, 1) 0%, rgba(234, 204, 82, 1) 100%); }
.betfish-card .bet_resol .btn-secondary:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); background: linear-gradient(to bottom, rgba(236, 217, 133, 1) 0%, rgba(234, 204, 82, 1) 100%); }
.betfish-card .bet_resol .form-control[readonly]:hover{ color: #fff; }
.betfish-card .bet_resol .input-group { border: 1px solid rgba(236,217,133,1);display: table;width: 100%;}
.content.active .betfish-card .btnstyle { height: 38px; transition: all 0.2s; }
.betfish-card .bet_resol .btn-secondary:hover, .betfish-card .bet_resol .btn-secondary:focus, .betfish-card .bet_resol .btn-secondary:active { box-shadow: none; outline: none;color: #fff !important;}
.main_input{display: table-cell;vertical-align: middle;width: 40px;}
.king_img { margin: 0px auto; text-align: center; position: relative; display: block; bottom: -13px; }
.tutel{ margin: 0px auto; text-align: center; position: relative; display: block; bottom: -38px;}
/* Betfish game End*/


.dragon-wrapper-flip { position: relative; }
.dragon { background-image: url(../img/king-fish.png); background-repeat: no-repeat; background-position: -220px -400px; background-size: 6000px 6000px; width: 400px; height: 300px; }
div#viewFlip div.dragon-game { height: 135px }
.dragon-anim-panel .ct-animation, .dragon-anim-panel .t-animation { width: 400px; height: 345px; margin: 0 auto; }
.dragon-game .ct-animation { position: relative; top: -20px; left: 40px;
-moz-transform: scale(2);
-ms-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2); }
.dragon-game .t-animation{position: relative; top: -20px; left: 40px;
-moz-transform: scale(2);
-ms-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2); }
.dragon-game{ height: 345px; }



.chimpanjee-wrapper-flip { position: relative; }
.chimpanjee { background-image: url(../img/chimpanjee.png); background-repeat: no-repeat; background-position: 0px -3200px; background-size: 3200px 3200px; width: 400px; height: 300px; }
div#viewFlip div.chimpanjee-game { height: 135px }
div.ct-animation.chimpanjee, div.t-animation.chimpanjee { width: 400px; height:345px; top: 0px; margin: 0 auto;}
div.ct-animation, div.t-animation { position: relative; top: -75px; }




/* Responsive */
/* =====================================================  */




@media (max-width:1199px) {
.dragon-game .ct-animation, .dragon-game .t-animation{left: auto;}
.dragon-game .t-animation{ top: -143px; }
.dragon-game{ height: 225px; }
}

@media (max-width:1150px) {
	.betfish-card .form-horizontal .btn-list li a { width: auto;}
}

@media (max-width:991px) {
	.dragon-game .ct-animation{ top:-50px; }
	.dragon-game .t-animation{ top: -182px; }
	.dragon-game{ height: 185px; }
	
}


@media (max-width:992px) {
	.betfish-card .form-horizontal .btn-list li a { width: auto;}
	
}

@media (max-width:767px) {
   
	.betfishgame-detail-tab{margin-top: 1em;}
		
		 div.ct-animation.chimpanjee{ width: 350px; }
		 div.t-animation.chimpanjee{ width: 350px; top: -60px;left: -50px; }
		.chimpanjee{ -moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-webkit-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6); } 
		.chimpanjee-game { height: 200px; }
		.dragon-game .ct-animation { top:0; width: 300px;}
		.dragon-game{ height: 160px; }
		.dragon-anim-panel .t-animation{top:-156px; width: 300px; left: -70px;
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5); }
		
			
		}

@media (max-width:479px) {
	.betfishgame-detail-tab .nav.nav-pills{ padding: 10px; }
	.betfishgame-detail-tab .nav.nav-pills li{ padding: 3px; }
	.betfishgame-detail-tab .nav-pills .nav-link{ font-size: 12px; }

	.dragon-game .ct-animation{top: -140px;}
	.dragon-game .t-animation{ width: auto;top: -170px; left: -40px; }
	.dragon-anim-panel .t-animation{top:-160px; width: 300px;
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);}
	.dragon-game{ height: 100px; }
	.dragon-game { height: 113px;}
	div.ct-animation.chimpanjee{ width: 100%; }
	div.t-animation.chimpanjee{ width: 350px; }
	
	}
@media (max-width:379px) {
	.dragon-game .t-animation{ left: -64px; }
	.dragon-game .t-animation{ width: 300px; }
}