body {
	margin: 0px;
	padding: 0px;
	background: #1b1b1b;
}
h1, h2, h3, h4, h5, p {
	text-align: center;
	color: #fff;
}
h2, h3 {
	color: #efd78c;
}
h3, h5 {
	text-align: left;
}
nav.navbar {
	border-bottom: solid 1px #ffdf00;
}
.navbar-dark .navbar-nav .nav-link {
	color: #fff;
	font-size: 20px;
	padding: 10px 15px;
}
.navbar-dark .navbar-nav .nav-link:hover {
	color: #ffdf00;
	font-size: 20px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	color: #ffdf00;
}
#navbarResponsive .form-control {
	background: #4a1819;
	border-color: rgba(255, 255, 255, 0.08);
	border-right: 0;
	-webkit-border-radius: 7px 0 0 7px;
	border-radius: 7px 0 0 7px;
}
#navbarResponsive .input-group {
	width: 18%;
}
#navbarResponsive input.form-control {
	color: #fff !important;
}
ul.datalist-polyfill{
	position: absolute;
	left: initial !important;
	color: #fff;	
	padding-left:0px;
	right: 100px;
	top:62px !important;
	z-index: 999999;
	display: none;
	width: 100px;
}
ul.datalist-polyfill li{
	white-space: nowrap;
}
ul.datalist-polyfill li.datalist-polyfill__active{
	color: #aaa;
	background: red;
}
.input-group input.form-control {
    padding-right: 0;
}
#searchBar input, #onselect {
	background: url(../img/search.svg), #4a1819;
	background-repeat: no-repeat;
	background-size: 12%;
	background-position: 5px;
	padding: 3px;
	padding-left: 27px;
	font-size: 15px;
	color: #ffffff;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	border-radius: 7px;
	border-color: rgba(255, 255, 255, 0.08);
	width: 100%;
	outline: none;
}
#onselect input:focus{
    outline: none;
}
span.input-group-btn button.btn.btn-default.glyphicon.glyphicon-search {
    padding-left: 0;
}
input.form-control:focus {
	box-shadow: none;
}
td.column2 {
	display: none;
}
.downloadRow1 {
	width: 27%;
	margin: auto;
}
.downloadRow1 img {
	width: 95%;
	border: solid 1px #ffffff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.downloadRow1 table {
	color: #ffffff;
	font-size: 13px;
}
button.btn.btn-default.glyphicon.glyphicon-search {
	vertical-align: middle;
	padding: 0px 10px;
	background: #4a1819;
	border-color: rgba(255, 255, 255, 0.08);
	border-left: 0;
	-webkit-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
}
button.btn.btn-default.glyphicon.glyphicon-search:focus {
	box-shadow: none;
}
.icon-search img {
	width: 15px;
}

.dropdown-menu, .es-list {
	background: -webkit-linear-gradient(#b61414, #8e1010);
	background: -o-linear-gradient(#b61414, #8e1010);
	background: linear-gradient(#b61414, #8e1010);
	border: solid 1px #ffdf00;
	color: #efd78c;
	border-radius: .25rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.70);
}
.es-list {
	font-size: 15px !important;
	line-height: 18px;
}
.selected {
	background: #4a1819 !important;
}
.dropdown-item {
	color: #efd78c;
}
.dropdown-item:hover {
	background: #4a1819;
	color: #efd78c;
}
section, footer, footer .container {
	background-color: #1b1b1b;
	background: #1b1b1b url(../img/pattern_1.png) left top repeat;
}
.bg-dark {
	background-color: #1b1b1b !important;
}
.section01, .pageHead {
	background: -webkit-linear-gradient(#b61414, #8e1010);
	background: -o-linear-gradient(#b61414, #8e1010);
	background: linear-gradient(#b61414, #8e1010);
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.65), inset 0 -2px 0 rgba(0, 0, 0, 0.65);
}
.carouselBig .carousel-inner {
	background: #000;
}
.carouselBig .carousel-item {
	margin-top: 91px;
}
.carouselBig .carousel-item {
	text-align: center;
}
.carouselBig img.tpc_icon, .carouselBig img.octroTeenPatti {
	position: absolute;
}
.carouselBig img.tpc_icon {
	top: 20px;
	right: 20px;
	box-shadow: 0 0 8px #9a73ef;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.carouselBig img.octroTeenPatti {
	bottom: 20px;
	right: 20px;
}
.carouselBig .carousel-control-next, .carouselBig .carousel-control-prev {
	padding-top: 45px;
}
.carouselBox {
	position: absolute;
	right: 3%;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 50%;
}
div#carouselExampleIndicators {
	border: solid 2px #efd78c;
	background: #333333;
	box-shadow: inset 0 1px 1px #000;
	padding: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 300px;
	height: 350px;
}
.carouselBox .carousel-item {
	text-align: center;
	height: auto;
}
.carouselBox .carousel-item img {
	padding: 10px;
	padding-bottom: 0;
}
.carouselBox .carousel-caption {
	position: initial;
	width: initial;
	padding-top: 5px;
}
.carousel-caption p {
	margin-bottom: 0;
}
.carouselBox .carousel-indicators {
	bottom: 0;
}
.downloadRow {
	text-align: center;
	display: block;
}
.downloadRow h2 {
	margin: 0;
	display: inline-block;
	vertical-align: sub;
	padding: 5px;
}
.downloadRow a {
	display: inline-block;
}
.downloadRow img {
	margin: 10px 5px;
}
.card img {
	position: relative;
	width: 100%;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.cardOverlay {
	background: #f1b51c;
	position: absolute;
	width: 100%;
	height: 18%;
	bottom: 0;
	transition: height .5s;
	overflow: hidden;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.cardOverlay h4 {
	color: #fff;
	text-align: center;
	padding: 5px 5px 0 5px;
	line-height: inherit;
	margin-bottom: 0;
}
.cardOverlay p, .cardOverlay ul li {
	color: #fff;
	padding: 5px 10px;
	opacity: 0;
	transition: opacity .5s;
	display: none;
}
.cardOverlay ul li {
	margin-left: 0px;
}
.card {
	border: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.section02 h1{ margin-bottom:20px;}
.section04 h2{ margin-bottom:40px; font-size:26px; display: block; width:100%;}
.section02, .section03, .section04, .section05 {
	padding: 50px 0;
}
.section03, .section05 {
	background: url(../img/sectionBg.png);
}
.appSection img {
	margin: 5px;
}
.downloadBtn {
	display: none;
}
.downloadBtn a {
	background: #000;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	font-size: 12px;
}
.videoImg iframe, .videoSection iframe, .videoImg img {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.videoImg img {
	height: 100%;
}
.appIcons {
	display: block;
	text-align: center;
}
.appIcons a {
	text-decoration: none;
}
.appIcon {
	display: inline-block;
}
.appIcons p {
	font-size: 14px;
}
footer p span {
	font-size: 14px;
}
footer .container {
	text-align: center;
	z-index: 2;
	position: relative;
}
.social img {
	padding: 7px;
}
.footerNav {
	text-align: center;
	padding-top: 50px;
}
.footerNav ul {
	padding: 0px;
}
.footerNav li {
	display: inline-block;
	padding: 10px;
}
.footerNav li a {
	color: #efd78c;
	text-decoration: none;
}
/*Inner Page*/
.section10 {
	margin-top: 91px;
}
ol li {
	color: #fff;
}
b {
	color: rgb(239, 215, 140);
}
.tabContent img {
	margin: 5px 0;
}
.tabContent h4 {
	margin: 15px 0 0 0;
}
.tabContent p img {
	width: initial;
}
.tabContent ul li {
	color: #fff;
}
.tabContent table {
	color: #efd78c;
	font-weight: bold;
}
.resp-tabs-container{
	position: relative;
}
a.hindiTut {
    color: #ffdf00;
    font-weight: bold;
    padding: 10px;
}
#accordion .card, .more {
	margin-bottom: 10px;
	background: #4a1819;
	border: solid 1px #efd78c;
	color: #fff;
	padding: 5px 15px;
}
#accordion .card h5 {
	color: #efd78c;
	text-decoration: none;
}
#accordion .card a {
	text-decoration: none;
}
#accordion .card-header {
	padding-left: 0;
}
.instructions ul {
	padding-left: 18px;
}
.instructions img {
	margin-bottom: 15px;
}
.instructions .color {
	color: #efd78c;
	font-weight: bold;
	margin-bottom: 0;
}
.content {
	padding: 15px;
}
.more {
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 15px;
}
.more h5 {
	color: rgb(239, 215, 140);
	margin-top: 12px;
	margin-bottom: 2px;
}
.more h5, .more p {
	text-align: left;
}
.more .videoImg img {
	width: 100%;
	margin: 10px 0;
}
.top {
    display: none;
	position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
	z-index: 10;
}
.top img{
	width:100%;
	opacity: 0.5;
	transition: all .1s ease-in;
}
.top:hover > img {
	opacity:0.75;
}

@media only screen and (max-width: 570px) {
.killMargin1 {
	margin-bottom: 0 !important;
}
.hideWidget {
	display: none;
}
.section02, .section03, .section04, .section05 {
	padding: 20px 0;
}
.pt-5, .py-5 {
	padding-top: 1rem!important;
}
.pb-5, .py-5 {
	padding-bottom: 1rem!important;
}
}

@media only screen and (min-width: 416px) and (max-width: 991px) {
td.column1 {
	display: none;
}
td.column2 {
	display: table-cell;
	white-space: nowrap;
	padding-right: 5px;
}
.downloadRow1 {
	width: 60%;
}
}

@media only screen and (max-width: 415px) {
.downloadRow1 {
	width: 50%;
	margin-left: -15px;
	padding-bottom: 5px;
}
.downloadRow1 img {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.downloadRow a {
	width: 49%;
}
.downloadRow {
	width: 100%;
}
.downloadRow img {
	width: 100%;
	margin-top: 1px;
}
}

@media screen and (min-width: 769px) {
#nav-tabs-wrapper {
	display: block!important;
}
}

@media screen and (max-width: 768px) {
.nav-tabs-dropdown {
	display: block;
}
#nav-tabs-wrapper {
	display: none;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	text-align: center;
}
.nav-tabs-horizontal {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.nav-tabs-horizontal > li {
	float: none;
}
.nav-tabs-horizontal > li + li {
	margin-left: 2px;
}
.nav-tabs-horizontal > li, .nav-tabs-horizontal > li > a {
	background: transparent;
	width: 100%;
}
.nav-tabs-horizontal > li > a {
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.nav-tabs-horizontal > li.active > a, .nav-tabs-horizontal > li.active > a:hover, .nav-tabs-horizontal > li.active > a:focus {
	color: #ffffff;
	background-color: #428bca;
}
}
.supportContainer p {
	text-align: left;
}
.pageHead {
	position: fixed;
	width: 100%;
	z-index: 5;
}
#verticalTab, .supportContainer, .more, #accordion {
	margin-top: 68px !important;
}

.game-wrap{ display: flex; flex-wrap: wrap; justify-content: center; margin-top:20px;}
.game-wrap .game-icon{width:80px; margin:10px 10px 55px 10px; box-sizing: border-box; position: relative;}
.game-wrap .game-icon img{width:100%; margin:0; box-sizing: border-box; border-radius:12px;}
.game-wrap .game-icon a{display:block;}
.game-wrap .oGame-title{position: absolute; font-size:14px; color:#fff; left:0; right:0; margin:0; text-align: center; line-height: 1.2; top:calc(100% + 10px);}

.others-links{width:100%;}
.others-links>div{width:100%; display:flex; justify-content:space-between; flex-wrap: wrap;}
.others-links > div a{ padding:10px; display: block; border:1px solid #a79356; margin-top:-1px; color:#fff; width:50%; flex-shrink: 0; text-align: center;}
.others-links > div a:last-child{}

/*Inner Page Ends*/


/* Media Queries*/
@media only screen and (max-width: 510px) {
.carousel-item {
	min-height: 200px;
}
}

@media screen and (max-width: 991px) {
.carousel-item {
	height: auto;
}
.octroTeenPatti, .tpc_icon {
	display: none;
}
#navbarResponsive .input-group {
	width: auto;
}
.pageHead h1 {
	font-size: 30px;
}
#verticalTab {
	margin-top: 52px !important;
}
.resp-vtabs .resp-tabs-list li {
	padding: 10px 15px !important;
}
#accordion .card h5 {
	font-size: 16px;
}
	.navbar-dark .navbar-nav .nav-link {
		padding: 5px 15px;
	}
	#searchBar input, #onselect {
		padding-left: 30px;
		background-size: 8%;
	}
	div#navbarResponsive a.nav-link {
		font-size: 18px;
		padding: 5px;
		padding-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cardOverlay {
	height: 28%;
}
}

@media screen and (min-width: 992px) {
.col-lg-6.col-sm-12 {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.videoSection .row, .imageSection .row {
	display: table;
	width: 100%;
}
.more .videoImg img {
	width: 75%;
	display: block;
	margin: 10px auto;
}
}

@media screen and (max-width: 767px) {
.downloadRow h2 {
	display: block;
}
.card {
	margin-bottom: 25px;
}
.navbar-brand img {
	width: 62%;
}
.carouselBig .carousel-item {
	margin-top: 66px;
}
.section10 {
	margin-top: 66px;
}
section h2, footer h2 {
	font-size: 24px;
}
section h4 {
	font-size: 20px;
}
.pageHead h1 {
	font-size: 24px;
}
}

@media screen and (min-width: 600px) and (max-width: 767px) {
.cardOverlay h4 {
	font-size: 16px;
}
.cardOverlay p, .cardOverlay ul li {
	font-size: 12px;
}
.cardOverlay ul {
	padding-left: 30px;
}
.cardOverlay ul li {
	padding-left: 0px;
}
.cardOverlay {
	height: 30%;
	overflow: scroll;
}
}

@media screen and (max-width: 1279px) {
.carouselBox {
	display: none;
}
}

@media screen and (min-width: 1921px) {
.carouselBig .carousel-item img {
	width: 100%;
}
}

@media screen and (min-height: 750px) {
.carouselBox {
	top: 10%;
}
}

@media screen and (min-width: 1400px) {
.carouselBox {
	right: 10%;
}
}

@media only screen and (max-height: 420px) {
nav.navbar {
	padding: 1px 15px;
}
.carouselBig .carousel-item {
	margin-top: 50px;
}
}

/*Fixed Side Nav and Sub Heading*/

@media only screen and (min-width: 769px) {
#verticalTab ul.resp-tabs-list {
/*	position: fixed;*/
	width: 198px;
}
#verticalTab .resp-tabs-container {
/*	margin-left: 206px;*/
}
}

@media only screen and (min-width: 992px) {
#verticalTab ul.resp-tabs-list {
	width: 270px;
}
#verticalTab .resp-tabs-container {
/*	margin-left: 278px;*/
}
}

@media only screen and (min-width: 1200px) {
#verticalTab ul.resp-tabs-list {
/*	position: fixed;*/
	width: 324px;
}
#verticalTab .resp-tabs-container {
/*	margin-left: 335px;*/
}
}

@media only screen and (min-width: 407px) and (max-width: 991px) {
.supportContainer, .more, #accordion {
	margin-top: 56px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 740px) {
	.section10 {
		margin-top: 52px;
	}
}
@media only screen and (min-width: 800px) and (max-height: 380px) {
	.section10 {
		    margin-top: 77px;
	}
}