@import
	url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap')
	;

html {
	position: relative;
	min-height: 100%;
}

#mainNav {
	transition: .75s;
	background: #ffd302;
}

.pagination {
	margin-top: 20px !important;
	text-align: center !important;
}

.pagination button {
	padding: 5px 10px !important;
	margin: 2px !important;
	cursor: pointer;
}

.pagination button.active {
	background-color:   #ddd;
	    
}

.loader {
	text-align: center;
	margin-top: 10px;
	font-size: 18px;
	color: #555;
}

.loader.hidden {
	display: none;
}

.no-data {
	text-align: center;
	margin-top: 10px;
	font-size: 18px;
	color: #777;
}

.no-data.hidden {
	display: none;
}

@font-face {
	font-family: animeshFont;
	src: url(font/CronosPro-Regular.otf);
}

body {
	font-family: animeshFont;
	background: #bebebe;
	height: 100%;
	margin: 0 0 0px;
}

a.more {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 17px;
	height: 47px;
	line-height: 44px;
	margin: 0 0 0;
	padding: 0 31px 0 14px;
	position: relative;
	transition: all 0.5s ease 0s;
}

a.more:before {
	background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat
		scroll 0 0;
	content: "";
	height: 15px;
	position: absolute;
	right: 11px;
	top: 15px;
	width: 10px;
}

a.more:hover {
	background: #dfa711;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
}

a:hover, a:focus {
	text-decoration: none;
}

.wrapper {
	position: relative; /* height: 5000px; */
}

.clear {
	height: 100%; /* overflow: hidden; */
}

header {
	background: rgba(11, 28, 38, 0.6);
	border: medium none;
	height: 103px;
	margin: 0 auto; /* overflow: hidden; */
	position: absolute;
	top: 0;
	width: 100%;
}

/**Home Page CSS**/
.site-main  .header-logo {
	background: rgba(0, 0, 0, 0) url("../images/shadow.png") no-repeat
		scroll center center/cover;
	float: left;
	margin-left: -37px;
	min-height: 103px;
	padding: 25px 0 0 37px;
	width: 343px;
}

.site-main .header-nav {
	float: right;
	margin-left: -56px;
	padding: 37px 0 0;
}

.site-main .header-nav img {
	display: none;
}

.header-nav ul li {
	display: inline-block;
	margin-right: 22px;
}

.header-nav ul li.active a {
	color: #0bbdd7
}

.header-nav ul li:last-child {
	margin-right: 0;
}
/* .header-nav  .mobile-trigger{  display: none;height: 30px;padding: 0;position: absolute;right: 20px;top: 22px;width: 30px;} */
.header nav .mobile-trigger span::before {
	content: "";
	display: inline-block;
	font-family: animeshFont;
	font-size: 22px;
	text-rendering: auto;
}

header nav a {
	font-family: animeshFont;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
}

.banner-img>img {
	margin: 0 auto;
	object-fit: cover;
	text-align: center;
	width: 100%;
}

.social-bx {
	padding: 46px 0 0 0;
	margin-bottom: 4px;
}

.social-bx ul {
	list-style: none;
	margin: 0;
}

.social-bx ul li {
	float: right;
}

.social-bx ul.scl li {
	padding: 0 0 0 16px;
}

.social-bx ul.user-br li {
	margin: 0 0 0 0px;
	position: relative;
}

.social-bx ul.user-br {
	padding: 0 0 0 40px;
}
/*.social-bx ul.user-br li:first-child:before {position: absolute; top: 9px; content: ""; left: 18px; background: url('../images/drop-arrow.png') no-repeat; width: 8px; height: 5px;}*/
/*GOPAL*/
/*.social-bx ul.user-br li:nth-child(2) {margin: 0 0 0 23px;}*/
.home-banner {
	background: url('../images/banner.png') no-repeat;
	min-height: 787px;
	width: 100%;
	background-size: cover;
}

/* Styles for skeleton loading */
.skeleton {
	background-color: #e0e0e0;
	border-radius: 4px;
	height: 20px;
	width: 100%;
	margin: 5px 0;
	animation: pulse 1.5s infinite;
}

/* Skeleton loading animation */
@
keyframes pulse { 0% {
	background-color: #e0e0e0;
}

50
%
{
background-color
:
#f0f0f0;
}
100
%
{
background-color
:
#e0e0e0;
}
}

/* Pagination buttons */
.pagination {
	margin-top: 20px;
}

.pagination button {
	padding: 8px 16px;
	margin: 0 5px;
	cursor: pointer;
}

.pagination button[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.search-box {
	display: none;
}

.search-box .form-group {
	margin-left: 20px;
	margin-top: 25px;
	margin-bottom: 0;
}

.search-box input {
	background: transparent;
	color: #fff;
}

.search-box input:focus {
	border-color: #fff;
}

.home-banner .banner-txt {
	width: 660px;
	margin: 0 auto;
	text-align: center;
	padding: 23% 0 0;
}

.home-banner .banner-txt .hdng-txt img {
	width: 100%;
}

.home-banner .banner-txt .title h1 {
	margin: 0;
	position: relative;
	color: #fff;
	font-size: 37px;
}

.home-banner .banner-txt .title h1 span {
	color: #ffc11a;
}

.home-banner .banner-txt .title h1:before {
	content: "";
	background: #ffc11a;
	height: 2px;
	width: 62px;
	position: absolute;
	left: 0;
	top: 20px;
}

.home-banner .banner-txt .title h1:after {
	content: "";
	background: #ffc11a;
	height: 2px;
	width: 62px;
	position: absolute;
	right: 0;
	top: 22px;
}

.home-banner .banner-txt .title {
	padding: 8px 0 0;
}

.home-banner .banner-txt .more {
	width: 175px;
	height: 60px;
	line-height: 57px;
	color: #000;
	font-size: 18px;
	background: #ffc11a;
	display: block;
	margin: 25px auto 0;
	border-bottom: 5px solid #dfa711;
	text-transform: uppercase;
	border-radius: 5px;
	position: relative;
	padding: 0 10px 0 0;
	transition: all 0.5s ease;
}

.home-banner .banner-txt a.more:before {
	position: absolute;
	right: 11px;
	top: 20px;
	width: 10px;
	height: 15px;
	content: "";
}

.home-banner .banner-txt .more:hover {
	background: #dfa711;
}

.catgry-box {
	float: left;
	width: 100%;
}

.account-menu a {
	background: hsl(0, 0%, 0%) none repeat scroll 0 0;
	border: 1px solid hsl(60, 1%, 21%);
	font-family: animeshFont;
	font-weight: 600;
	color: hsl(44, 100%, 55%);
	font-size: 12px;
	letter-spacing: 1px;
	padding: 5px 12px;
	text-transform: uppercase;
}

.account-menu a:hover {
	
}

.catgry-box h2 {
	margin: 0 0 25px;
	font-family: animeshFont;
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.catgry-box h2 span {
	color: #ffc11a;
}

.catgry-box {no-repeat;
	background-size: cover;
	min-height: 780px;
	padding: 25px 0 0 0;
}

.catgry-box .insd-cat .img img {
	width: 100%;
	height: 300px;
}

.catgry-box .insd-cat .txt {
	background: #fff;
	min-height: 168px;
	padding: 18px 0 0 24px;
}

.catgry-box .insd-cat .txt h3 {
	font-size: 26px;
	color: #000;
	margin: 0 0 5px;
	text-transform: uppercase;
	font
}

.catgry-box .insd-cat .txt ul li {
	float: left;
	position: relative;
	padding: 0 0 0 26px;
	margin: 0 15px 0 0;
}

.catgry-box .insd-cat .txt ul li:before {
	position: absolute;
	left: 0;
	top: 6px;
	background: url('../images/title-arro.jpg') no-repeat;
	width: 22px;
	height: 19px;
	content: "";
}

.catgry-box .insd-cat .txt ul li a {
	font-size: 20px;
	color: #000;
	transition: all 0.5s ease 0s;
}

.catgry-box .insd-cat .txt ul {
	overflow: hidden;
	width: 100%;
}

.catgry-box .insd-cat .txt a.more {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 17px;
	height: 60px;
	line-height: 44px;
	margin: 13px 0 0;
	padding: 7px 0px 0 3px;
	position: relative;
	transition: all 0.5s ease 0s;
	float: left;
}

.catgry-box .insd-cat .txt a.more:before {
	background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat
		scroll 0 0;
	content: "";
	height: 15px;
	position: absolute;
	right: 11px;
	top: 15px;
	width: 10px;
}

.catgry-box .insd-cat .txt ul li a:hover {
	color: #ffc11a;
}

.catgry-box .insd-cat .txt a.more:hover {
	background: #dfa711;
}

.game-box {
	background: url('../images/bg2.jpg') no-repeat;
	min-height: 615px;
	background-size: cover;
	padding: 1px 0 0;
}

.game-box h1 {
	color: #fff;
	font-family: animeshFont;
	font-size: 60px;
	margin: 0 0 17px;
	text-align: left;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #000;
}

.game-box h1 span {
	color: #ffc11a;
	display: block;
}

.game-box p {
	margin: 0;
	font-size: 26px;
	color: #fff;
	font-weight: 300;
	margin: 0 0 20px;
}

.game-box a.more {
	float: left;
}

.game-box .insd-gm {
	position: relative;
	background: #3b597d;
}

.game-box .insd-gm .overLay {
	position: absolute;
	top: 8px;
	left: 8px;
	text-align: center;
	height: 100%;
	width: 100%;
	transform: scale(0);
	padding: 38% 0 0 0;
	transition: all 0.5s ease 0s;
	background: rgba(0, 0, 0, 0.5);
}

.game-box .insd-gm .overLay h2 {
	font-size: 37px;
	color: #fff;
	margin: 0 0 15px;
	font-weight: 400;
	padding: 3px 7px 5px;
	display: inline-block;
	border: 1px solid #fff;
}

.game-box .insd-gm .overLay h3 {
	font-size: 22px;
	color: #fff;
	padding: 0 26px;
	margin: 0 0 15px;
}

.game-box .insd-gm img {
	left: 8px;
	position: relative;
	top: 8px;
	width: 100%;
}

.game-box .insd-gm .overLay a.more {
	float: none;
	display: inline-block;
	padding: 0 38px 0 28px;
}

.game-box .insd-gm:hover .overLay {
	transform: scale(1);
}

.popular-box {
	background: url('../images/jungle.jpg') no-repeat;
	min-height: 1137px;
	background-size: cover;
	padding: 64px 0 0 0;
}

.popular-box h2 {
	color: #fff;
	font-family: animeshFont;
	font-size: 72px;
	margin: 0 0 40px;
	text-align: center;
	text-transform: uppercase;
}

.popular-box h2 span {
	color: #ffc11a;
	display: block;
}

.popular-box .thumb-box {
	overflow: hidden;
}

.popular-box .thumb-box .left {
	width: 45%;
	float: left;
}

.popular-box .thumb-box .left ul {
	float: left;
}

.popular-box .thumb-box .left ul li {
	border: 3px solid transparent;
	float: left;
	position: relative;
	transition: all 0.5s ease 0s;
}

.popular-box .thumb-box .left ul li .insd-thumb {
	position: relative;
}

.popular-box .thumb-box .left ul li .insd-thumb .txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 35% 0 0 0;
	transform: scale(0);
	padding: 38% 0 0 0;
	transition: all 0.5s ease 0s;
	background: rgba(0, 0, 0, 0.5);
}

.popular-box .thumb-box .left ul li .insd-thumb .txt h3 {
	margin: 0;
	color: #fff;
	font-size: 26px;
	padding: 0 46px;
	text-transform: uppercase;
	font-weight: 400;
}

.popular-box .thumb-box .left ul li:hover .txt {
	transform: scale(1);
}

.popular-box .thumb-box .left ul li:hover {
	border: 3px solid #ffc52a;
}

.popular-box .thumb-box .right {
	float: left;
	width: 55%;
	margin: 0 0 0 -4px;
}

.popular-box .thumb-box .right img {
	width: 100%;
}

.popular-box .thumb-box .right .img-bx {
	border: 3px solid transparent;
	transition: all 0.5s ease 0s;
	position: relative;
}

.popular-box .thumb-box .right .img-bx:hover {
	border: 3px solid #ffc52a;
}

.popular-box .thumb-box .right .img-bx .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	min-height: 136px;
	background: #040404;
	width: 100%;
	text-align: center;
	transition: all 0.4s ease 0s;
	border-top: 3px solid transparent;
}

.popular-box .thumb-box .right .img-bx .txt a {
	display: block;
	color: #fff;
	font-size: 26px;
	text-transform: uppercase;
	padding: 29px 0 0;
}

.popular-box .thumb-box .right .img-bx .txt a span {
	display: block;
	text-transform: none;
}

.popular-box .thumb-box .right .img-bx:hover .txt {
	border-top: 3px solid #ffc52a;
}

.video-box {
	background: url('../images/video-bg.png') no-repeat;
	background-size: cover;
	width: 100%;
	padding: 76px 0 0 0;
}

.video-box .video-br {
	border: 1px solid #c0c2c6;
	width: 90%;
}

.video-box .video-br img {
	width: 100%;
	position: relative;
	left: 18px;
	top: 18px;
}

.video-box .video-br a {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90px;
	height: 90px;
	margin-left: -75px;
	margin-top: -45px;
}

.video-box .video-br a img {
	width: auto;
}

.video-box {
	min-height: 672px;
}

.video-box .txt {
	text-align: center;
	padding: 33px 0 0;
}

.video-box .txt h1 {
	color: #fff;
	font-family: animeshFont;
	font-size: 60px;
	margin: 0 0 20px;
	text-align: center;
	text-transform: uppercase;
}

.video-box .txt h1 span {
	color: #ffc11a;
	display: block;
}

.video-box .txt p {
	font-size: 26px;
	color: #fff;
	font-weight: 300;
}

.trending-area {
	background: #354962;
	padding: 55px 0 0 0;
}

.trending-area .left {
	width: 52%;
	float: left;
}

.trending-area .right {
	width: 45%;
	float: left;
	text-align: center;
	margin-left: 29px;
}

.trending-area .right img {
	width: 100%;
}

.trending-area .left h2 {
	font-family: animeshFont;
	color: #fff;
	font-size: 60px;
	text-transform: uppercase;
	margin-bottom: 32px;
	margin-top: 0;
}

.trending-area .left h2 span {
	color: #ffc11a;
}

.trending-area .right h2 {
	font-family: animeshFont;
	color: #fff;
	font-size: 60px;
	text-transform: uppercase;
	margin-bottom: 32px;
	margin-top: 0;
}

.trending-area .right h2 span {
	color: #ffc11a;
}

.trending-area .left .inner-content .trivia-text {
	margin-bottom: 41px;
}

.trending-area .left .inner-content {
	border-right: 1px solid #263447;
}

.trending-area .left .inner-content .trivia-text img {
	float: left;
}

.trending-area .left .inner-content .trivia-text .brain-text {
	float: left;
	margin-left: 23px;
	width: 55%;
}

.trending-area .left .inner-content .trivia-text .brain-text h2 {
	font-size: 26px;
	color: #fff;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 11px;
}

.trending-area .left .inner-content .trivia-text .brain-text p {
	font-size: 18px;
	color: #fff;
	font-weight: 300;
	line-height: 19px;
}

.trending-area .left .inner-content .trivia-text .brain-text .more {
	display: inline-block;
	float: left;
}

footer {
	/*	position: absolute;
    left: 0;
    bottom: 0;*/
	width: 100%;
	overflow: hidden;
}

footer .footer-content {
	height: 86px;
}

footer .footer-content .listing ul {
	margin: 0;
	padding: 12px 0;
	text-align: center;
}

footer .footer-content .listing ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 16px;
	border-right: 1px solid #6886ac;
	padding-right: 16px;
}

footer .footer-content .listing ul li:last-child {
	margin-right: 0;
	border-right: none;
}

footer .footer-content .listing ul li a {
	font-size: 10px;
	color: #00134D;
}

footer .footer-content p {
	padding-top: 12px;
	color: #6886ac;
	font-size: 14px;
}

.footer-down {
	background: #1d2836;
	height: 13px;
}
/**Home Page CSS End**/

/**sub Category Page CSS**/
.sub-banner {
	background: rgba(0, 0, 0, 0) url("../images/sub-banner.png") no-repeat
		scroll 0 0/cover;
	min-height: 160px;
	width: 100%;
}

.sub-banner .banner-txt {
	margin: 0 auto;
	padding: 2% 0 2%;
	text-align: center;
	width: 660px;
}

.sub-banner .banner-txt .hdng-txt h2 {
	font-size: 36px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: -2px;
}

.sub-banner .banner-txt .hdng-txt h2 span {
	color: #ffc11a;
}

.sub-banner .banner-txt .breadcum ul {
	margin: 0;
	padding: 0;
}

.sub-banner .banner-txt .breadcum ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 7px;
}

.sub-banner .banner-txt .breadcum ul li a {
	font-size: 14px;
	color: #fff;
}

.sub-banner .banner-txt .breadcum ul li.active a {
	color: #0bbdd7;
}
/* .quiz-box{background:url("../images/sub-banner.png")no-repeat scroll 0 0 / cover;} */
.quiz-container h2 {
	color: #ffeb3b;
	margin-bottom: 8%;
}

.quiz-container p {
	font-size: 22px;
	text-align: justify;
}

.quiz-container .quiz-description {
	padding: 20px;
	color: seashell;
}

a.start:before {
	background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat
		scroll 0 0;
	content: "";
	height: 15px;
	position: absolute;
	right: 11px;
	top: 15px;
	width: 10px;
}

a.start {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: inline-block;
	font-size: 17px;
	height: 47px;
	line-height: 44px;
	margin: 0 auto;
	padding: 0 31px 0 14px;
	position: relative;
	transition: all 0.5s ease 0s;
	width: 135px;
}

a.start:hover {
	background: #dfa711 none repeat scroll 0 0;
}

.quiz-container a:hover {
	background: #dfa711 none repeat scroll 0 0;
}

.quiz-box {
	background: transparent;
	padding-top: 53px;
	padding-bottom: 92px;
}

.quiz-box .circle-box {
	height: 466px;
	width: 466px;
	background: #2690ec;
	position: relative;
	border-radius: 50%;
}

.quiz-box .circle-box .circle-txt h2 {
	font-size: 42px;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: -3px;
	line-height: 42px;
	margin-bottom: 10px;
}

.quiz-box .circle-box .circle-txt p {
	font-size: 26px;
	color: #fff;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 27px;
	margin-bottom: 25px;
}

.quiz-box .circle-box .circle-txt .more {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 17px;
	height: 47px;
	line-height: 44px;
	margin: 0 auto;
	padding: 0 31px 0 14px;
	position: relative;
	transition: all 0.5s ease 0s;
	width: 135px;
}

.quiz-box .circle-box .circle-txt .more::before {
	background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat
		scroll 0 0;
	content: "";
	height: 15px;
	position: absolute;
	right: 11px;
	top: 15px;
	width: 10px;
}

.quiz-box .circle-box .circle-txt {
	text-align: center;
	padding-top: 107px;
}

.quiz-box .circle-box .circle-txt h2 span, .quiz-box .circle-box .circle-txt p span
	{
	display: block;
}

.quiz-box .circle-box .circle-txt .more:hover {
	background: #dfa711 none repeat scroll 0 0;
}

.quiz-box .circle-box .circle-txt span.animal {
	font-size: 22px;
	color: #132539;
	font-weight: 300;
	letter-spacing: -1px;
	margin-top: 24px;
	text-decoration: underline;
	display: block;
}

.cat-box {
	border: 10px solid #4590e4;
	border-radius: 50%;
	height: 137px;
	position: absolute;
	right: -10px;
	top: -15px;
	width: 137px;
}

.cat-box img {
	margin: -15px 0 0 -6px;
}

.quiz-box .category_list {
	margin-left: 50px;
	padding-top: 121px;
}

.quiz-box .category_list ul.category {
	float: left;
	margin: 0;
	padding: 0;
}

.quiz-box .category_list ul {
	margin: 0;
	padding: 0;
}

.quiz-box .category_list h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: animeshFont;
	margin: 0 0 24px;
}

.quiz-box .category_list ul li {
	list-style-type: none;
	background: url("../images/arrow.png") no-repeat left center;
	margin-bottom: 8px;
}

.quiz-box .category_list ul li a {
	font-size: 22px;
	color: #000000;
	padding-left: 41px;
	font-weight: 300;
}

.quiz-box .category_list h2 span {
	color: #ffc11a;
}

.quiz-box .category_list ul.sub-category {
	float: left;
	margin: 0 0 0 13px;
	padding: 0;
}

.trending-slider {
	background: #f6f6f6;
	padding-bottom: 99px;
}

.trending-slider .slider-hd h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: animeshFont;
	margin: 0 0 24px 12px;
	color: #000
}

.trending-slider .slider-hd h2 span {
	color: #ffc11a;
}

.shop-slider .owl-next.active {
	background: rgba(0, 0, 0, 0) url("../images/next-btn-hover.png")
		no-repeat scroll center center;
}

.trending-slider .artist-listing ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.trending-slider .artist-listing ul li {
	display: inline-block;
	margin: 0 10px;
}

.owl-nav {
	display: none;
}

.trending-slider .owl-nav {
	position: absolute;
	top: 40%;
	display: block !important;
	width: 100%;
	margin: 0;
}

.trending-slider .owl-dots {
	display: none;
}

.trending-slider .owl-nav .owl-prev {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	background: #fbfbfb url("../images/left-arow.png") no-repeat scroll 8px
		center;
	border: 2px solid #e4e3e3;
	font-size: 0;
	left: -39px;
	position: absolute;
}

.trending-slider .owl-nav .owl-next {
	background: #fbfbfb url("../images/right-slider-arow.png") no-repeat
		12px center;
	border: 2px solid #e4e3e3;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	font-size: 0;
	position: absolute;
	right: -39px;
}

.slider {
	margin: 0 auto;
	max-width: 93%;
}

.trending-slider .artist-listing .artist-content {
	background: #fff;
	display: block;
	padding: 0 0 5px 0px;
}

.trending-slider .artist-listing .artist-content h4 {
	margin: 0 0 0px;
	font-size: 16px;
	color: #222222;
	text-align: center;
	font-weight: 500;
}

.trending-slider .artist-listing ul li .image {
	background: #fff none repeat scroll 0 0;
	min-height: 195px;
}

.trending-slider .artist-listing  a.more {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: inline-block;
	font-size: 17px;
	height: 47px;
	line-height: 44px;
	margin: 0 auto;
	padding: 0 31px 0 14px;
	position: relative;
	transition: all 0.5s ease 0s;
	width: 135px;
}

.trending-slider .artist-listing  a.more:hover {
	background: #dfa711 none repeat scroll 0 0;
}

.selection-box {
	background: #354962;
	padding: 53px 0 110px;
}

.selection-box .inner-area .left {
	float: left;
	width: 49%;
}

.selection-box .inner-area .left h2 {
	color: #fff;
	font-family: animeshFont;
	font-size: 30px;
	margin-bottom: 32px;
	margin-top: 0;
	text-transform: uppercase;
}

.selection-box .inner-area .left h2 span {
	color: #ffc11a;
}

.selection-box .inner-area .left .inner-content {
	border-right: 1px solid #263447;
}

.selection-box .inner-area .left .inner-content .trivia-text img {
	float: left;
}

.selection-box .inner-area .left .inner-content .trivia-text .brain-text
	{
	float: left;
	margin-left: 23px;
	width: 53%;
}

.selection-box .inner-area .left .inner-content .trivia-text .brain-text h2
	{
	color: #fff;
	font-size: 23px;
	font-weight: 300;
	margin-bottom: 2px;
	text-transform: none;
}

.selection-box .inner-area .left .inner-content .trivia-text .brain-text p
	{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	overflow: hidden;
	height: 38px;
	line-height: 19px;
}

.selection-box .inner-area .left .inner-content .trivia-text .brain-text span
	{
	display: block;
	color: #fff;
	font-size: 14px;
}

.selection-box .inner-area .left .inner-content .trivia-text .brain-text .more
	{
	display: inline-block;
	float: left;
}

.selection-box .inner-area .left .inner-content .trivia-text {
	margin-bottom: 41px;
}

.selection-box .inner-area .left .inner-content .trivia-text .brain-text a.more
	{
	line-height: 34px;
	height: 40px;
}

.selection-box .inner-area .left .inner-content .trivia-text .brain-text a.more:before
	{
	top: 13px;
}

.selection-box .inner-area .right {
	width: 48%;
	float: right;
}

.selection-box .inner-area .right h2 {
	color: #fff;
	font-family: animeshFont;
	font-size: 30px;
	margin-bottom: 32px;
	margin-top: 0;
	text-transform: uppercase;
}

.selection-box .inner-area .right h2 span {
	color: #ffc11a
}
/* .selection-box .inner-area .right .inner-content {border-right: 1px solid #263447;} */
.selection-box .inner-area .right .inner-content .trivia-text img {
	float: left;
}

.selection-box .inner-area .right .inner-content .trivia-text .brain-text
	{
	float: left;
	margin-left: 23px;
	width: 52%;
}

.selection-box .inner-area .right .inner-content .trivia-text .brain-text h2
	{
	color: #fff;
	font-size: 23px;
	font-weight: 300;
	margin-bottom: 2px;
	text-transform: none;
	margin-top: 0;
}

.selection-box .inner-area .right .inner-content .trivia-text .brain-text p
	{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 19px;
	overflow: hidden;
	height: 38px;
}

.selection-box .inner-area .right .inner-content .trivia-text .brain-text span
	{
	display: block;
	color: #fff;
	font-size: 14px;
}

.selection-box .inner-area .right .inner-content .trivia-text .brain-text .more
	{
	display: inline-block;
	float: left;
}

.selection-box .inner-area .right .inner-content .trivia-text {
	margin-bottom: 41px;
}

.selection-box .inner-area .right .inner-content .trivia-text .brain-text a.more
	{
	line-height: 34px;
	height: 40px;
}

.selection-box .inner-area .right .inner-content .trivia-text .brain-text a.more:before
	{
	top: 13px;
}

/**sub Category Page End**/

/**Category List Page**/
.ctaegory_lisitng_box {
	background: transparent;
	padding: 46px 0 0;
}

.ctaegory_lisitng_box .box {
	background: transparent;
	padding-bottom: 22px;
}

.ctaegory_lisitng_box .box img {
	max-width: 75%;
	padding-left: 6%;
	padding-top: 6%;
}

.ctaegory_lisitng_box .box .box-content {
	padding: 22px 48px 0 20px;
}

.ctaegory_lisitng_box .box .box-content h2 {
	font-size: 26px;
	font-weight: 300;
	margin: 0 0 14px 0;
	font-family: animeshFont;
}

.ctaegory_lisitng_box .box .box-content p {
	font-size: 17px;
	font-weight: 300;
	margin-bottom: 10px;
	min-height: 193px;
}

.ctaegory_lisitng_box .box .box-content a.more {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 19px;
	height: 47px;
	line-height: 44px;
	padding: 0 31px 0 14px;
	position: relative;
	transition: all 0.5s ease 0s;
	width: 135px;
}

.ctaegory_lisitng_box .box .box-content a.more:hover {
	background: #dfa711 none repeat scroll 0 0;
}

.ctaegory_lisitng_box .spacing {
	margin-top: 44px;
}

.ques_tab {
	background: url("../images/question-banner.png") no-repeat center center
		scroll;
}

.ctaegory_lisitng_box .arrow {
	float: left;
	width: 100%;
}

.ctaegory_lisitng_box .arrow a {
	text-align: center;
	display: block;
	padding: 58px 0 62px;
}

.ctaegory_lisitng_box .arrow a:focus {
	outline: none;
}

.ctaegory_lisitng_box .new-row {
	width: 100%;
	float: left;
}

.ques_tab  .qus-content p {
	font-size: 40px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 20px;
}

.ques_tab  .qus-content {
	padding: 127px 0 97px;
	text-align: center;
}

.ques_tab  .qus-content a.more {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 17px;
	height: 47px;
	line-height: 44px;
	padding: 0 31px 0 14px;
	position: relative;
	transition: all 0.5s ease 0s;
	width: 135px;
	margin: 0 auto;
}

.ques_tab  .qus-content a.more:hover {
	background: #dfa711 none repeat scroll 0 0;
}
/**Category List Page End**/

/**Quiz Page**/
.quiz_container {
	background: #f6f6f6 url("../images/bg-shadow.png") no-repeat scroll
		center center;
	padding: 60px 0 90px;
}

.quiz_container .blue-box {
	background: #4c98f0;
	height: auto;
	top: 15px;
	left: 15px;
	border-radius: 6px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	width: 678px;
}

.fix-header header {
	position: static;
	background: #003471;
}

.quiz_container .white-box {
	background: #fff none repeat scroll 0 0;
	border-radius: 6px;
	box-shadow: -1px 0 7px 0 #d7d7d7;
	height: auto;
	width: 678px;
	margin: 0 auto;
	position: relative;
}

.quiz_container .blue-box .blue-hd h2 {
	font-size: 29px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	margin: 0;
	padding: 50px 20px;
	margin-left: 26px;
}

.quiz_container .score-list { /*position:absolute;*/
	bottom: 0;
}

.quiz_container .score-list .score {
	background: #fff;
	border-radius: 50%;
	border: 8px solid #f1f1f1;
	height: 112px;
	width: 112px;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: -47px;
	position: relative;
}

.quiz_container .score-list .score h2 {
	color: #979797;
	font-size: 28px;
	margin-top: 34px;
	text-align: center;
	font-weight: lighter;
}

.quiz_container .score-list .score h2 span {
	display: inline-block;
	font-size: 28px;
	font-weight: 300;
}

.quiz_container .score-list .points {
	background: #fff;
	border-radius: 50%;
	border: 8px solid #f1f1f1;
	height: 100px;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: -47px;
	position: relative;
}

.quiz_container .score-list .points span {
	color: #979797;
	font-size: 22px;
	font-weight: 300;
	text-align: center; /* margin-top: 24px; */
	font-weight: bold;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.quiz_container .score-list .points span a {
	color: #dfa711;
	font-size: 30px;
}

.quiz_container .text-center {
	padding-bottom: 15px;
}

.quiz_container .score-list .points span {
	display: block;
}

.trending-slider.quiz_slider {
	padding-bottom: 50px;
}

.trending-slider.quiz_slider1 {
	padding-bottom: 35px;
}

.trending-slider.quiz_slider .slider-hd h2, .trending-slider.quiz_slider1 .slider-hd h2
	{
	margin: 0 0 32px 12px;
}

.quiz_container .score-list .score-outer {
	border: 13px solid #4c98f0;
	border-radius: 50%;
	display: inline-block;
	height: 138px;
	margin-bottom: -57px;
	margin-left: 47px;
	padding-left: 0;
	position: relative;
	width: 138px;
}

.quiz_container .score-list .score-outer:before {
	background: rgba(0, 0, 0, 0) url("../images/left-curv.png") no-repeat
		scroll left center;
	content: "";
	height: 44px;
	left: -52px;
	position: absolute;
	top: 52px;
	width: 79px;
}

.quiz_container .score-list .point-outer {
	border: 13px solid #4c98f0;
	border-radius: 50%;
	display: inline-block;
	height: 126px;
	margin-bottom: -60px;
	margin-left: 12px;
	padding: 0;
	width: 126px;
	position: relative;
}

.quiz_container .score-list .point-outer::before {
	background: rgba(0, 0, 0, 0) url("../images/mid-curv.png") no-repeat
		scroll left center;
	content: "";
	height: 44px;
	left: -34px;
	position: absolute;
	top: 43px;
	width: 79px;
}

.quiz_container .score-list .point-outer::after {
	background: rgba(0, 0, 0, 0) url("../images/Untitled-1.png") no-repeat
		scroll left center;
	content: "";
	height: 44px;
	left: 89px;
	position: absolute;
	top: 45px;
	width: 79px;
}

.answer_sheet {
	margin: 0 auto;
	visibility: hidden;
	min-height: 135px;
}

.answer_sheet .ans-list {
	max-width: 100%;
	margin: 107px auto 0;
}

.answer_sheet .ans-list ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.answer_sheet .ans-list ul li {
	display: inline-block;
	background: #ffc11a;
	margin-bottom: 27px;
	border-radius: 5px;
	height: auto;
	margin-right: 25px;
	width: 48.7%;
	border-bottom: 5px solid #dfa711;
	display: none;
	padding: 2px 5px;
}

.answer_sheet .ans-list ul li:hover {
	cursor: pointer;
	background: #dfa711 none repeat scroll 0 0;
}

.answer_sheet .ans-list ul li:nth-child(3n+3), .answer_sheet .ans-list ul li:last-child
	{
	margin-bottom: 0;
}

.answer_sheet .ans-list ul li.active {
	background: #4c98f0;
	border-bottom: 5px solid #498ad4;
}

.answer_sheet .ans-list ul li.active a {
	color: #fff;
}

.answer_sheet .ans-list ul li a {
	font-size: 24px;
	color: #000;
	font-weight: 300;
	line-height: 50px;
}

.answer_sheet .ans-list ul li a:focus {
	outline: none;
}

.answer_sheet .ans-list ul li:nth-child(2n+2), .answer_sheet .ans-list ul li:last-child
	{
	margin-right: 0;
}

.timer {
	position: absolute;
	top: 60px;
	background: hsl(44, 100%, 55%) none repeat scroll 0 0;
	left: 39px; /*  padding: 13px; */
	left: -49px; /* box-shadow:-1px 1px 0 1px #dadada; */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	color: hsl(0, 0%, 0%);
	font-size: 15px;
}

.answer_sheet .right-tick-mark {
	float: left;
	margin-top: -4px;
}

.ans-list .wrong-tick-mark {
	float: right;
	margin-top: 10px;
}

.header .header-nav {
	padding: 16px 0 0;
}
/**Quiz Page End**/

/**Quiz Result Page**/
.quiz_container .yellow-box {
	background: #ffc11a none repeat scroll 0 0;
	border-radius: 6px;
	height: 385px;
	left: 15px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	top: 15px;
	width: 678px;
}

.quiz_container .yellow-box .blue-hd h2 {
	color: #fff;
	font-size: 33px;
	font-weight: 400;
	margin: 0;
	padding: 32px 0 0;
	text-align: center;
	margin: 0 0 24px;
}

.quiz_container .yellow-box .blue-hd a {
	background: #4c98f0 none repeat scroll 0 0;
	border-radius: 50px;
	color: #fff;
	display: block;
	font-size: 24px;
	margin: 0 auto 12px;
	padding: 6px 0;
	text-align: center;
	width: 268px;
	border-bottom: 4px solid #498ad4;
}

.quiz_container .yellow-box .blue-hd p {
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
	width: 258px;
	border-bottom: 1px dashed #000;
	padding-bottom: 13px;
}

.quiz_container .yellow-box .thanku {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #a7a7a7;
	border-radius: 5px;
	margin: 25px auto 20px;
	position: relative;
	width: 474px;
}

.quiz_container .blue-hd {
	position: relative;
}

.quiz_container .yellow-box .thanku p {
	color: #7b7b7b;
	font-size: 18px;
	margin-bottom: 0;
	padding: 9px 0;
	text-align: center;
}

.quiz_container .yellow-box .thanku img {
	left: -42px;
	position: absolute;
	top: -7px;
}

.quiz_container .yellow-box .result {
	text-align: center;
	margin: 0 auto;
}

.quiz_container .yellow-box .result ul {
	margin: 0 auto;
}

.quiz_container .yellow-box .result ul li {
	display: inline-block;
	margin-right: 16px;
}

.quiz_container .yellow-box .result ul li:last-child {
	margin-right: 0;
}

.quiz_container .yellow-box .result p {
	font-size: 18px;
	color: #000;
	text-align: center;
}
/**Quiz Result Page End**/
.arrow {
	display: none;
}

.account-menu button.btn-primary {
	background: #ffc11a none repeat scroll 0 0;
	text-transform: none;
	padding: 4px 8px;
	line-height: 13px;
}

.account-menu .dropdown-menu>li>a {
	padding: 0
}
/*.account-menu ul.dropdown-menu li{margin: 0 0 0 10px; height:29px}*/
.account-menu a.logout {
	float: right;
	margin-left: 5px;
}

/**12-12-2107**/
#loginform  .alert-info {
	background-color: #337ab7;
	border-color: #337ab7;
	color: #fff;
}

.modal-content label {
	color: #000;
	font-weight: 500
}

.modal-content .modal-title {
	font-weight: 500
}

.modal-content .alert {
	padding: 8px
}

#registerfooter a {
	padding-top: 10px
}

#forgotfooter a {
	padding-top: 10px;
	float: right
}

.modal-header h3 {
	margin: 0px
}

.form-group {
	margin: 20px 0px 15px 0
}

/****Model CSS****/
.modal-dialog {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
/* #loginform{padding-left:15px;} */
/* .modal-body{padding: 15px 15px 15px 0;} */
.btn-info {
	background: none;
	color: #58c7f4;
}

.btn-lg, .btn-group-lg>.btn {
	border-radius: 0;
	margin-bottom: 10px;
}

#socialform a img {
	width: 100%;
}

#socialform  .heading h2 {
	color: #414543;
	text-align: center;
	line-height: 38px;
	color: #464241;
	margin-bottom: 25px;
	margin-top: 0;
}

#socialform  .heading h2 span {
	display: block;
}

.social-btn .fa.fa-facebook, .fa.fa-google {
	float: left;
	margin-top: 4px;
}

.or-seperator {
	position: relative;
	margin: 35px 0;
	text-align: center;
}

.or-seperator:before {
	position: absolute;
	left: 0;
	width: 40%;
	content: "";
	vertical-align: middle;
	top: 10px;
	border: 1px solid #cbcbcb;
	height: 1px;
}

.or-seperator:after {
	position: absolute;
	right: 0;
	width: 40%;
	content: "";
	vertical-align: middle;
	top: 10px;
	border: 1px solid #cbcbcb;
	height: 1px;
}

#socialform form {
	padding: 0 25px;
}
/* #socialform .game-img img{width:100%;} */
.form-group .btn-success {
	background: #57c6f3;
	border: none;
}

#registerform {
	padding: 0 15px;
}

.or-seperator>span {
	color: hsl(0, 0%, 80%);
	font-size: 20px;
	font-style: italic;
	font-weight: bolder;
	line-height: 15px;
}
/* .modal-body .error, #forgotform {padding-left:15px;} */
.login-register {
	overflow: hidden;
}

.login-register .btn.btn-primary {
	float: left;
}

.login-register a {
	float: left;
	line-height: 38px;
	margin-left: 18px;
}

#forgotform {
	width: 500px;
	margin: 0 auto;
}

/* new banner */
.new-banner {
	width: 100%;
	background: #000;
}

.new-banner .insd-banner {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.new-banner .insd-banner img.bnr {
	width: 100%;
}

.new-banner .insd-banner .leftBR {
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	width: 50%;
}

.new-banner .insd-banner .leftBR .txt {
	position: absolute;
	width: 100%;
	bottom: 30px;
}

.new-banner .insd-banner .rightBR {
	height: 100%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50%;
}

.new-banner .insd-banner .rightBR .txt {
	position: absolute;
	width: 100%;
	bottom: 30px;
}

.new-banner .insd-banner .txt span {
	display: block;
}

.new-banner .insd-banner .txt a {
	display: block;
}

.new-banner .insd-banner .insd-leftImg {
	/*	float: left;*/
	width: 100%;
}

.new-banner .insd-banner .insd-leftImg img {
	width: 100%;
}
/*.new-banner .insd-banner a {display: block;text-align:right;}*/
.new-banner .insd-banner .insd-rightImg {
	float: left;
	width: 50%;
}
/* .new-banner .insd-banner .insd-rightImg img {width: 100.9%;} */

/* new banner */
.trivia-box {
	min-height: 260px;
	box-shadow: 0 0 20px black;
	padding: 1px 15px 0 15px;
	margin-bottom: 50px;
	margin-top: 50px;
}

.result-popup-more {
	display: inline-block !important;
	margin: 2% !important;
}
/* span.stage-image {margin-top: 8px!important;} */
span.stage-image .label-title {
	margin: 0 !important;
	font-size: 13px !important;
	color: #dfa711 !important;
}

.footer-logo {
	min-width: 262px;
	min-height: 120px;
}

.footer-position {
	margin-top: 30px;
}

.footer-position-list {
	margin-top: 9px;
}

.start-content {
	margin-bottom: 35px;
}

/*8-3-18*/
.insd-rightImg {
	width: 50%;
	float: right;
	background: url("../images/score_bg.jpg") center center no-repeat;
	background-size: cover;
}

.table_Cntr {
	margin: 0 auto;
	max-width: 525px;
	width: 100%;
	padding: 35px 0 0;
}

.table_Cntr h2 {
	margin: 0;
	text-align: center;
}

.table_Cntr h4 {
	margin: 0;
	padding: 20px 0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	line-height: 25px;
}

.table_Cntr h4 a {
	display: inline-block !important;
	color: #e1ad2e;
	font-weight: 500;
}

.table_box {
	background: #160b708c;
	width: 100%;
	border: 2px solid #fff;
}

.table_box tr {
	border-top: 1px solid #fff;
}

.gray_bg {
	background: #1c1c19;
}

.table_box tr:first-child {
	border-top: 0;
}

.table_box tr td {
	color: #d9d9d9;
	font-size: 16px;
	font-weight: 600;
	padding: 2px 0 6px 8px;
}

.table_box tr th {
	color: #d9d9d9;
	font-size: 13px;
	padding: 6px 0 6px 6px;
}

.table_box tr td:last-child {
	border-right: 0;
}

.table_Cntr .play_btn img {
	max-width: 100%;
	margin: 22px auto 0;
	display: block;
}

.table_box tr td img {
	margin: 0 3px 0 0;
}

.read-btn a.read-on {
	background: hsl(44, 100%, 55%) none repeat scroll 0 0;
	border-bottom: 6px solid hsl(44, 87%, 47%);
	border-radius: 22px;
	color: hsl(0, 0%, 0%);
	display: inline-block;
	padding: 1px 18px;
	text-align: right;
}

.read-btn a.read-on:hover {
	background: hsl(44, 86%, 47%) none repeat scroll 0 0;
}

.read-btn {
	float: right;
	margin-top: 5px;
}

.bg-black {
	background: #000;
}

.bg-black h2 {
	color: #fff;
}

.faq-ques-ans h3 {
	font-family: animeshFont;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 25px 0 21px 0;
	border: 1px solid #ddd;
}

.faq-ques-ans .ans-sec p {
	font-family: animeshFont;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
}

/**27March**/
.well {
	background-color: transparent;
	margin-top: 30px
}

h2, h3, h4, h5, h6 {
	color: #fff
}

p {
	color: #003471
}

* {
	color: #fff
}

.my-table, .dataTables_wrapper.form-inline.dt-bootstrap {
	background: transparent !important
}

.dataTables_wrapper select.form-control {
	background: #000;
	color: #fff
}

div.dataTables_wrapper div.dataTables_filter input {
	background: transparent;
	color: #fff
}

.pagination>li>a, .pagination>li>span {
	background: transparent !important;
	color: #fff !important
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	border-color: #fff
}

.edit_sec {
	float: right;
	margin-left: 5px
}

.edit_sec a {
	color: #000;
	background-color: #ffc11a !important;
	padding: 0px 3px !important;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	display: block;
	border: 1px solid transparent !important
}

.edit_sec a:hover {
	background-color: #e4ac14 !important;
	border: 1px solid #e4ac14 !important
}

.edit_sec a span {
	position: relative;
	padding-left: 18px;
	color: #000
}

.edit_sec a span::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	margin: 0 auto;
	background-image: url(../images/edit.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	width: 14px;
	height: 25px;
}

.account-menu a#search-icon {
	display: block;
	border: 1px solid transparent;
	padding: 3px 8px;
	margin-right: 5px
}

.account-menu a#search-icon:hover {
	border: 1px solid #ffc21a
}

.get_start {
	width: 100%;
	display: block;
	margin: 50px 0 0
}

.warm-up {
	max-width: 100%;
	margin: 0 auto 0;
	text-align: center;
	padding: 0 5px
}

.warm-up h2 {
	font-size: 26px;
	margin-bottom: 8px
}

.warm-up h2 span {
	color: #ffc11a
}

.warm-up  p {
	font-size: 18px
}

.get-started-img {
	padding: 30px 0 0;
	margin: 0;
	display: block;
	text-align: center;
}

.con-desc p {
	font-family: animeshFont;
	font-size: 20px;
	color: #fff;
	padding: 5px 10px;
}

.support_errow-box {
	display: none;
	line-height: 22px;
	background: #ffeeee;
	border: 1px solid #ffc0cb;
	font-size: 14px;
	font-weight: normal;
	padding: 3px 10px;
	color: #be4043;
	margin-top: 5px;
}

.table_box .row-you td {
	background: #ffc11a;
	color: black;
}

.paginationControl {
	text-align: right;
}

.dataTables_length {
	padding: 20px 37px;
}

.dataTables_filter {
	padding: 20px 37px;
}
/********* CSS for cookie popup 24-05-18 *************/
#cookie-law-info-bar {
	border: 0;
	font-size: 12pt;;
	margin: 0 auto;
	padding: 6px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9999;
	display: block;
	background-color: #000000;
	color: rgb(255, 255, 255);
	font-family: animeshFont;
	bottom: 0px;
	border-top: 1px solid rgb(68, 68, 68);
	position: fixed;
}

#cookie-law-info-again {
	font-size: 12pt;
	margin: 0;
	padding: 2px 10px;
	text-align: center;
	z-index: 9999;
	cursor: pointer;
}

#cookie-law-info-bar span {
	vertical-align: middle;
	font-size: 14px;
}

.cli-plugin-button, .cli-plugin-button:visited {
	display: inline-block;
	padding: 8px 16px 8px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	text-decoration: none;
}

.cli-plugin-button:hover {
	background-color: #111;
	color: #fff;
	text-decoration: none;
}

.cli-plugin-button:active {
	top: 1px;
}

.cli-plugin-main-link {
	margin-left: 80px;
	color: rgb(255, 255, 255);
}

.small.cli-plugin-button, .small.cli-plugin-button {
	font-size: 11px;
}

.cli-plugin-button, .cli-plugin-button, .medium.cli-plugin-button,
	.medium.cli-plugin-button {
	font-size: 14px;
	font-weight: 800;
}

.large.cli-plugin-button, .large.cli-plugin-button {
	font-size: 14px;
	padding: 8px 14px 9px;
}

.super.cli-plugin-button, .super.cli-plugin-button {
	font-size: 34px;
	padding: 8px 14px 9px;
}

}
/********* End CSS for cookie popup 24-05-18 *************/
@media all and (min-width:1080px) and (max-width:1920px) {
	.site-main .header-logo {
		padding: 15px 0 0 66px;
		width: 385px;
		margin-left: -66px;
	}
}

@media ( min-width : 1200px) {
	.container {
		width: 1190px;
	}
}

@media all and (min-width:1024px) and (max-width:1123px) {
	.table_Cntr {
		padding: 25px 0 0;
	}
	.insd-rightImg {
		height: 496px;
	}
	.table_Cntr h4 {
		font-size: 16px;
		padding: 10px 0;
	}
	.table_Cntr h2 img {
		max-width: 90%;
	}
	.table_Cntr .play_btn img {
		width: 25%;
		margin: 10px auto 0;
	}
}

@media all and (min-width:768px) and (max-width:1023px) {
	.header-nav ul li {
		margin-right: 15px !important
	}
	.table_Cntr {
		max-width: 350px;
		padding: 30px 0 0;
	}
	.table_Cntr h2 img {
		max-width: 90%;
	}
	.table_Cntr h4 {
		font-size: 13px;
		line-height: 18px;
		padding: 0 0 5px;
	}
	.table_box tr th {
		font-size: 11px;
		padding: 2px 2px;
	}
	.table_box tr td {
		font-size: 10px;
		padding: 2px 4px;
	}
	.table_Cntr .play_btn img {
		display: block;
		margin: 10px auto 0;
		width: 25%;
	}
	.insd-rightImg {
		height: 374px;
	}
	.warm-up h2 {
		font-size: 20px
	}
	/*.warm-up p{font-size:21px}*/
	.get_start {
		width: 100%;
		display: block;
		margin: 58px 0 0;
	}
}

@media all and (min-width:768px) and (max-width:1024px) {
	header nav a {
		font-size: 12px;
	}
	.site-main .header-nav {
		margin-left: -65px;
	}
	.quiz_container .blue-box .blue-hd h2 {
		padding: 30px 20px;
		margin-top: 0px;
	}
	.quiz-container h2 {
		padding-top: 20px;
		margin-bottom: 0px;
	}
	.new-banner .insd-banner .txt span img {
		width: 95px;
	}
	.new-banner .insd-banner .txt a img {
		width: 90px;
	}
	.new-banner .insd-banner .rightBR .txt, .new-banner .insd-banner .leftBR .txt
		{
		bottom: 12px;
	}
	.ctaegory_lisitng_box .box .box-content p {
		font-size: 17px;
		font-weight: 300;
		margin-bottom: 28px;
		min-height: 216px;
	}
	.answer_sheet .ans-list ul li:hover {
		cursor: pointer;
		background: #ffc11a none repeat scroll 0 0;
	}
	header nav a {
		font-size: 12px;
	}
	.social-bx ul.scl li, .social-bx ul.user-br li {
		padding: 0 0 0 5px;
	}
	.social-bx ul.user-br {
		padding: 0
	}
	.game-box h1 {
		font-size: 26px;
	}
	.social-bx ul.user-br li {
		margin: 0;
	}
	.game-box p {
		font-size: 18px;
	}
	.game-box .insd-gm .overLay {
		padding: 20% 0 0;
	}
	.game-box .insd-gm .overLay h3 {
		font-size: 17px;
	}
	.game-box .insd-gm .overLay h2 {
		font-size: 28px;
	}
	.game-box {
		min-height: 381px;
		padding: 50px 0;
	}
	.catgry-box {
		min-height: 615px;
		padding: 50px 0;
	}
	.catgry-box .insd-cat .txt ul li, .popular-box .thumb-box .left,
		.popular-box .thumb-box .right {
		width: 100%;
	}
	.catgry-box .insd-cat .txt {
		min-height: 185px;
	}
	.trending-area .left .inner-content .trivia-text .brain-text,
		.insd-thumb>img {
		width: 100%;
	}
	.game-box h1 span, .popular-box h2 span, .video-box .txt h1 span {
		display: inline;
	}
	.popular-box .thumb-box .left ul li {
		width: 50%;
	}
	.video-box .txt p {
		font-size: 16px;
	}
	.popular-box h2, .catgry-box h2, .trending-area .left h2, .trending-area .right h2
		{
		font-size: 40px;
	}
	.video-box {
		padding: 76px 0 0;
		min-height: 454px;
	}
	.trending-area .left .inner-content .trivia-text .brain-text {
		margin-left: 0;
		margin-top: 10px;
	}
	.social-bx ul.user-br li:nth-child(2) {
		margin: 0;
	}
	.popular-box .thumb-box .right {
		margin-left: 0;
	}
	footer .footer-content .listing ul li {
		margin-right: 10px;
		padding-right: 10px;
	}
	.footer-content a img {
		width: 70%;
	}
	.video-box .txt h1 {
		font-size: 34px
	}
	footer .footer-content .listing ul {
		padding: 8px 0;
	}
	footer .footer-content p {
		padding-top: 8px;
	}
	.trending-area .left {
		width: 49%;
	}
	.trending-area {
		padding: 50px 0;
	}
	.trending-area .left, .trending-area .right {
		width: 100%;
	}
	.trending-area .right {
		margin-left: 0;
	}
	.trending-area .right {
		padding-top: 50px;
	}
	.trending-area .left .inner-content {
		border-right: 0;
	}
	.trending-area .left {
		padding-bottom: 25px;
		border-bottom: 1px solid #263447;
	}
	.trending-area .inner-content .trivia-text.clearfix {
		float: left;
		margin-right: 0;
		width: 33.3%;
	}
	/**Sub Category Page**/
	.selection-box .inner-area .left, .selection-box .inner-area .right {
		width: 100%;
	}
	.selection-box .inner-area .left {
		border-bottom: 1px solid #263447;
	}
	.selection-box .inner-area .left .inner-content {
		border-right: none;
	}
	.selection-box .inner-area .right h2 {
		margin-top: 30px;
	}
	.quiz-box .circle-box {
		width: 400px;
		height: 400px;
	}
	.cat-box {
		right: -98px;
		top: -40px;
		width: 137px;
	}
	.quiz-box .circle-box .circle-txt span.animal {
		font-size: 16px;
	}
	.quiz-box .circle-box .circle-txt h2 {
		font-size: 37px;
	}
	.quiz-box .circle-box .circle-txt p {
		font-size: 22px;
	}
	.quiz-box .category_list {
		margin-left: 122px;
		padding-top: 0;
	}
	.quiz-box .category_list ul li a {
		font-size: 18px;
	}
	.quiz-box .category_list ul.sub-category {
		margin-left: 0;
	}

	/**Category List Page**/
	.ctaegory_lisitng_box .box .box-content h2 {
		font-size: 25px;
	}
	.ctaegory_lisitng_box .box .box-content {
		padding: 22px 15px 0 20px;
	}

	/**Category List Page End**/

	/**Quiz Page**/
	.site-main .header-logo {
		margin-left: -112px;
		padding: 15px 0 0 112px;
		width: 332px;
	}
	.answer_sheet {
		margin: 0 auto;
		width: 755px;
	}
	/**.answer_sheet .ans-list ul li:nth-child(3n+3){ margin-left: 59px;} **/
	.answer_sheet .ans-list ul li {
		width: 42%;
	}
	#forgotform {
		width: inherit;
	}
	.timer {
		top: -46px; /* line-height: 33px; */
		left: 30px;
	}
	.quiz_container .blue-box .blue-hd h2 {
		font-size: 28px;
		margin-top: 34px;
	}
	.quiz_container .blue-box .blue-hd h2 span {
		font-size: 28px;
	}
	/*#start{margin-top:60px;}*/
	.modal-dialog {
		width: inherit !important;
		margin: 0 auto;
	}
	.header-logo>img {
		width: 68%;
		max-width: 100%;
	}
	.account-menu a {
		padding: 5px 9px;
	}
	/**Quiz Page End**/

	/**Quiz Result Page**/

	/**Quiz Result Page End**/
}

.question-section {
	color: white;
	min-height: 265px;
	background: rgb(119, 138, 162) url(../images/quiz-banner.png) no-repeat
		scroll center center;
	padding: 20px;
	font-size: 22px;
}

.question-slider .owl-nav .owl-prev {
	background: #2b486a url(../images/left-arow.png) no-repeat 12px center;
}

.question-slider .owl-nav .owl-next {
	background: #2b486a url(../images/right-slider-arow.png) no-repeat 12px
		center;
}

.question-slider .overLay {
	padding: 15% 0 0 0 !important;
	top: 0px !important;
	left: 0px !important;
}

.question-slider .insd-gm {
	padding: 7px;
}

@media all and (min-width:768px) and (max-width:1024px) and
	(orientation:portrait) {
	.header-nav ul li {
		margin-right: 7px;
	}
	.new-banner .insd-banner .txt span img {
		width: 95px;
	}
	.new-banner .insd-banner .txt a img {
		width: 90px;
	}
	.new-banner .insd-banner .rightBR .txt, .new-banner .insd-banner .leftBR .txt
		{
		bottom: 12px;
	}
}

@media all and (min-width:902px) and (max-width:1024px) {
	.cat-box {
		right: -17px;
	}
	.quiz-box .category_list {
		margin-left: 31px;
		padding-top: 88px;
	}
	.quiz-box .category_list ul.category {
		margin-right: 5px;
	}
}

@media all and (min-width:481px) and (max-width:767px) {
	.home-banner .banner-txt .title h1 {
		font-size: 27px;
	}
	.home-banner {
		min-height: 735px;
	}
	.catgry-box, .game-box, .video-box {
		padding: 50px 0;
	}
	.game-box .insd-gm {
		margin-top: 20px;
		background: none;
	}
	.game-box .insd-gm img, .game-box .insd-gm .overLay {
		left: 0;
	}
	.game-box p {
		font-size: 22px;
	}
	.popular-box h2 {
		font-size: 48px;
	}
	.catgry-box .insd-cat .txt {
		min-height: 200px;
	}
	.game-box h1 span, .popular-box h2 span, .video-box .txt h1 span {
		display: inline;
	}
	.catgry-box h2, .game-box h1, .video-box .txt h1, .trending-area .right h2
		{
		font-size: 50px
	}
	.video-box .txt p {
		font-size: 18px;
	}
	footer .footer-content .listing ul li {
		margin-right: 12px;
	}
	footer .footer-content p {
		text-align: center;
	}
	.home-banner .banner-tx {
		padding: 37% 0 0;
	}

	/**Sub Category Page**/
	/*.sub-banner{min-height: 395px;}*/
	.sub-banner {
		min-height: 147px;
	}
	.sub-banner .banner-txt {
		width: 100%;
		padding: 4% 0 4%;
	}
	.quiz-box .circle-box {
		margin: 0 auto;
	}
	.cat-box {
		right: 55px;
		top: -41px;
	}
	.quiz-box .category_list {
		padding-top: 30px;
	}
	.quiz-box .category_list ul li a {
		font-size: 19px;
	}
	.quiz-box .category_list ul.category {
		margin-right: 14px;
	}
	.trending-slider .owl-nav .owl-prev {
		left: -29px;
	}
	.trending-slider .owl-nav .owl-next {
		right: -29px;
	}
	.trending-slider .artist-listing ul li .image {
		min-height: 203px;
	}

	/**Category List Page**/

	/**Category List Page End**/

	/**Quiz Page**/
	.answer_sheet .ans-list ul li {
		width: 100%; /* margin-right:25px!important; float: right; */
	}
	.answer_sheet .ans-list ul li:nth-child(3n+3), .answer_sheet .ans-list ul li:last-child,
		.answer_sheet .ans-list ul li {
		margin-bottom: 12px;
	}
	.ans-list .wrong-tick-mark {
		float: right;
		text-align: right;
		width: 100%;
	}
	.social-bx {
		padding: 22px 7px 0 0;
	}
	/**Quiz Page End**/

	/**Quiz Result Page**/
	.quiz_container .yellow-box .thanku img {
		left: -47px;
		top: -10px !important;
	}
	.quiz_container .yellow-box .thanku p {
		font-size: 12px !important;;
	}
	.timer {
		top: -47px;
		left: 30px;
	}
	#start {
		margin-top: 60px;
	}
	/**Quiz Result Page End**/
	.modal-dialog {
		max-width: inherit;
		width: inherit;
	}
}

@media all and (min-width:481px) and (max-width:767px) {
	/* .quiz_container .score-list .points span{margin-top:11px} */
}

@media all and (min-width:600px) and (max-width:767px) {
	/* new banner */
	.new-banner .insd-banner .txt span img {
		width: 95px;
	}
	.new-banner .insd-banner .txt a img {
		width: 90px;
	}
	.new-banner .insd-banner .rightBR .txt, .new-banner .insd-banner .leftBR .txt
		{
		bottom: 12px;
	}

	/* new banner */
	.cat-box {
		right: 167px;
	}
}

@media all and (min-width: 320px) and (max-width: 480px) {
	.site-main  .header-logo {
		padding: 32px 0 0 1px;
	}
	/* .quiz_container .score-list .points span{margin-top:11px}	 */
	.home-banner {
		min-height: 495px;
	}
	.home-banner .banner-txt .title h1 {
		font-size: 21px;
	}
	.catgry-box h2 {
		font-size: 40px;
	}
	.game-box h1, .video-box .txt h1, .trending-area .right h2 {
		font-size: 36px;
	}
	.popular-box h2 {
		font-size: 32px;
	}
	.popular-box h2 span {
		display: inline-block;
	}
	.trending-area .left h2 {
		font-size: 40px;
	}
	.game-box .insd-gm img, .game-box .insd-gm .overLay {
		left: 0;
	}
	.game-box h1 span, .video-box .txt h1 span {
		display: inline-block;
	}
	.game-box {
		padding: 50px 0;
	}
	.game-box .insd-gm {
		margin-top: 20px;
	}
	.game-box p, .video-box .txt p {
		font-size: 18px;
	}
	.catgry-box .insd-cat .txt {
		min-height: 220px;
	}
	.catgry-box .insd-cat .txt h3 {
		font-size: 19px;
	}
	.catgry-box {
		padding: 11px 0;
	}
	.popular-box .thumb-box .right .img-bx .txt a {
		font-size: 17px;
	}
	footer .footer-content .listing ul li {
		margin-right: 1px;
		padding-right: 5px;
	}
	footer .footer-content p {
		text-align: center;
	}
	.home-banner .banner-tx {
		padding: 60% 0 0;
	}
	.trending-area {
		padding: 35px 0 50px;
	}
	.trending-slider .owl-nav {
		top: 40%;
	}

	/**Sub Category Page**/
	.sub-banner {
		min-height: inherit;
	}
	.sub-banner .banner-txt {
		width: 97%;
		padding: 3% 0 3%;
	}
	.sub-banner .banner-txt .hdng-txt h2 {
		font-size: 23px;
	}
	.quiz-box .category_list ul li a {
		font-size: 20px;
	}
	.selection-box .inner-area .right h2, .selection-box .inner-area .left h2
		{
		font-size: 29px;
	}
	.quiz-box .circle-box {
		width: 100%;
		border-radius: 0;
	}
	.quiz-box .cat-box {
		right: 0;
		left: 29%;
		top: -41px;
	}
	.quiz-box .circle-box .circle-txt h2 {
		font-size: 27px;
		letter-spacing: -1px;
		line-height: 32px;
	}
	.quiz-box .circle-box .circle-txt p {
		font-size: 22px;
	}
	.quiz-box .circle-box .circle-txt h2 span, .quiz-box .circle-box .circle-txt p span
		{
		display: inline;
	}
	.quiz-box .category_list {
		padding-top: 50px;
	}
	.quiz-box {
		padding-bottom: 32px;
	}
	.trending-slider .owl-nav .owl-prev {
		left: -16px;
	}
	.trending-slider .owl-nav .owl-next {
		right: -16px
	}

	/**Category List Page**/

	/**Category List Page End**/

	/**Quiz Page**/
	.quiz_container .score-list .point-outer {
		border: 13px solid #4c98f0;
		border-radius: 50%;
		display: inline-block;
		float: right;
		height: 0;
		margin-bottom: 38px;
		padding: 0;
		position: relative;
		text-align: right;
		width: 52%;
	}
	.quiz_container .score-list .points {
		background: #fff none repeat scroll 0 0;
		border: 8px solid #f1f1f1;
		border-radius: 50%;
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.quiz_container .score-list .point-outer::before, .quiz_container .score-list .point-outer::after,
		.quiz_container .score-list .score-outer::before {
		background: none;
	}
	.quiz_container .score-list .score-outer {
		border: 13px solid #4c98f0;
		border-radius: 50%;
		float: left;
		height: 0;
		padding-left: 0;
		position: relative;
		width: 47%;
	}
	.quiz_container .score-list .score {
		background: #fff none repeat scroll 0 0;
		border: 8px solid #f1f1f1;
		border-radius: 50%;
		display: inline-block;
		margin-bottom: 29px;
		position: relative;
		vertical-align: middle;
	}
	/*.timer{display:none;} */
	.timer {
		/* position:absolute;bottom: -20px; background: #fff none repeat scroll 0 0;right: 0px;border-radius: 0 0 5px 5px; padding: 2px;box-shadow:-1px 1px 0 1px #dadada;font-size: 11px; */
		top: -50px;
		left: 11px;
	}
	.answer_sheet .ans-list ul li {
		width: 68%;
		margin-right: 25px;
		float: right;
		margin-bottom: 12px;
	}
	.answer_sheet .right-tick-mark {
		
	}
	.quiz_container .blue-box .blue-hd h2 {
		margin-left: 28px;
	}
	/* .answer_sheet .ans-list ul li:nth-child(2n+2), .answer_sheet .ans-list ul li:last-child{margin-right:25px;} */
	.answer_sheet .ans-list ul li:nth-child(3n+3), .answer_sheet .ans-list ul li:last-child
		{
		margin-bottom: 12px;
	}
	.ans-list .wrong-tick-mark {
		text-align: right;
		width: 100%;
		margin-right: 25px;
	}
	.social-bx {
		padding: 23px 4px 0 0;
	}
	#start {
		margin-top: 40px;
	}
	/**Quiz Page End**/

	/**Quiz Result Page**/
	.quiz_container .yellow-box .thanku {
		width: 90%;
	}
	.quiz_container .yellow-box .thanku a {
		display: none;
	}
	.quiz_container .yellow-box .blue-hd h2 {
		font-size: 25px;
	}

	/**Quiz Result Page End**/
	.quiz_container .score-list .score h2 span {
		font-size: 32px;
	}
	.answer_sheet .ans-list ul li {
		width: 100%;
		margin-right: 0;
	}
	#socialform .heading h2 {
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: inherit;
		font-size: 20px;
	}
	#socialform .heading h2 span {
		display: inline-block;
	}
	#socialform a img {
		display: block;
		width: inherit;
		margin: 0 auto;
		height: 150px;
	}
	.or-seperator {
		margin: 15px 0;
	}
	.btn-lg, .btn-group-lg>.btn {
		font-size: 15px;
	}
	.open>.dropdown-menu {
		display: block;
		margin-top: 0px;
	}
	.site-main .header-nav {
		padding: 30px 0 0;
	}
	.header-logo>img {
		margin-top: -11px;
	}
	.btn-block {
		width: 85;
		margin: 0 auto;
	}
	.or-seperator:before {
		left: 24px;
		width: 36%;
	}
	.or-seperator:after {
		right: 25px;
		width: 36%;
	}
	.modal-header {
		padding: 10px;
	}
}

@media all and (min-width: 320px) and (max-width: 353px) {
	.quiz_container .score-list .score-outer {
		border: 8px solid hsl(212, 85%, 62%) !important;
	}
	.quiz_container .score-list .point-outer {
		border: 8px solid #4c98f0 !important;
	}
	.quiz_container .score-list .score-outer, .quiz_container .score-list .point-outer
		{
		height: 85px !important;
		width: 85px !important;
	}
	.quiz_container .score-list .score, .quiz_container .score-list .points
		{
		height: 70px !important;
		width: 70px !important;
	}
}

@media all and (min-width: 320px) and (max-width: 767px) {
	/* new banner */
	.quiz_container .text-center {
		padding-bottom: 10px;
	}
	.new-banner .insd-banner .txt span img {
		width: 69px;
	}
	.new-banner .insd-banner .txt a img {
		width: 69px;
	}
	.new-banner .insd-banner .rightBR .txt, .new-banner .insd-banner .leftBR .txt
		{
		bottom: 3px;
	}

	/* new banner */
	.header-nav ul {
		display: none;
	}
	.site-main .header-nav img {
		display: block;
	}
	/* .header-nav .mobile-trigger{display:block} */
	.header-nav ul li {
		display: block;
		margin-right: 0;
	}
	header nav a {
		color: #fff;
	}
	/* header nav .mobile-trigger span::before {content: "";display: inline-block;font-family: FontAwesome;font-size: 22px;text-rendering: auto;} */
	.header-nav ul {
		background: #373737 none repeat scroll 0 0;
		display: none;
		left: 0;
		position: absolute;
		top: 103px;
		width: 100%;
		z-index: 99;
	}
	header nav ul li a {
		display: block;
		font-weight: 300;
		padding: 10px 15px;
		border-bottom: 1px solid #ddd;
		font-size: 15px;
	}
	.popular-box .thumb-box .left, .popular-box .thumb-box .right,
		.trending-area .left, .trending-area .right, .trending-area .left .inner-content .trivia-text .brain-text
		{
		width: 100%;
	}
	.site-main .header-nav {
		float: right;
	}
	.home-banner .banner-txt {
		width: 85%;
		padding: 60% 0 0;
	}
	.trending-area .right, .popular-box .thumb-box .right {
		margin-left: 0;
	}
	.home-banner .banner-txt .title h1::after, .home-banner .banner-txt .title h1::before
		{
		background: none;
	}
	.popular-box .thumb-box .left ul li img {
		width: 100%;
	}
	.popular-box .thumb-box .left ul li {
		margin-bottom: 20px;
		width: 100%;
	}
	.trending-area .left .inner-content .trivia-text .brain-text {
		margin-left: 0;
		margin-top: 10px;
	}
	.trending-area .left .inner-content {
		border-right: none;
	}
	.trending-area .left .inner-content .trivia-text, .trending-area .left h2
		{
		text-align: center
	}
	footer .footer-content {
		text-align: center;
	}
	.trending-area .left .inner-content .trivia-text img, .trending-area .left .inner-content .trivia-text .brain-text .more
		{
		float: none;
	}
	.catgry-box .insd-cat.spacing {
		margin-top: 40px;
	}

	/**Sub Category Page**/
	.quiz-box .category_list, .quiz-box .category_list ul.sub-category,
		.selection-box .inner-area .left .inner-content .trivia-text .brain-text,
		.selection-box .inner-area .right .inner-content .trivia-text .brain-text
		{
		margin-left: 0;
	}
	.selection-box .inner-area .left, .selection-box .inner-area .right,
		.selection-box .inner-area .left .inner-content .trivia-text .brain-text,
		.selection-box .inner-area .right .inner-content .trivia-text .brain-text
		{
		width: 100%;
	}
	.selection-box .inner-area .left .inner-content {
		border-right: none;
	}
	.selection-box .inner-area .left .inner-content .trivia-text .brain-text h2,
		.selection-box .inner-area .right .inner-content .trivia-text .brain-text h2
		{
		margin-top: 15px;
	}
	.selection-box .inner-area .left .inner-content .trivia-text .brain-text span,
		.selection-box .inner-area .right .inner-content .trivia-text .brain-text span
		{
		margin: 6px 0;
	}
	.selection-box .inner-area .left .inner-content {
		border-bottom: 1px solid #263447;
	}
	.selection-box .inner-area .right h2 {
		margin-top: 30px;
	}
	/* .trending-slider .artist-listing ul li{width:90%;} */

	/**Category List Page**/
	.ctaegory_lisitng_box .box {
		margin: 15px 0;
	}
	.ctaegory_lisitng_box .new-row.spacing {
		margin-top: 0;
	}
	/**Category List Page End**/

	/**Quiz Page**/
	.quiz_container .white-box, .quiz_container .blue-box, .answer_sheet .ans-list
		{
		width: 100%;
	}
	.quiz_container .blue-box {
		left: 0;
		top: 0;
		background: #4c98f0;
	}
	.blue-hd {
		margin: 0 auto;
		width: 90%;
	}
	/**Quiz Page End**/

	/**Quiz Result Page**/
	.quiz_container .yellow-box {
		width: 100%;
		left: 0;
		top: 0;
	}
	.quiz_container .yellow-box .thanku {
		width: 70%;
	}
	.quiz_container .yellow-box .thanku p {
		font-size: 15px;
	}
	.quiz_container .yellow-box .thanku img {
		top: 0px;
	}
	.social-bx {
		display: block;
	}
	.social-bx ul.scl li:first-child {
		padding-left: 0;
	}
	/**Quiz Result Page End**/
	.quiz_container {
		padding: 0px 0 90px; /*  margin-top: 10px; */
	}
	.answer_sheet .ans-list {
		margin: 35px auto 0;
	}
	.quiz-container h2 {
		margin-bottom: 0%;
		padding-top: 10px;
	}
	.quiz_container .score-list .score h2 {
		margin-top: 21px;
		font-size: 18px;
	}
	.quiz_container .score-list .score, .quiz_container .score-list .points
		{
		width: 75px;
		height: 75px;
	}
	.quiz_container .score-list .points h2 {
		font-size: 15px;
	}
	.quiz-container h2 {
		font-size: 25px;
	}
	.quiz_container .score-list .score h2 span {
		font-size: 18px;
	}
	.quiz_container .blue-box .blue-hd h2 {
		padding: 10px 20px;
		font-size: 22px;
	}
	.quiz_container .blue-box, .quiz_container .white-box {
		height: inherit;
	}
	/* .quiz-description{display:none;} */
	.quiz-container p {
		line-height: 25px;
		font-size: 22px;
	}
	a.start {
		margin: 15px auto;
	}
	.answer_sheet .ans-list ul li {
		height: auto;
	}
	.answer_sheet .ans-list ul li a {
		font-size: 22px;
	}
	.quiz_container .score-list .score-outer, .quiz_container .score-list .point-outer
		{
		width: 99px;
		height: 99px;
		margin-bottom: -29px;
	}
	.quiz_container .score-list .score-outer::before, .quiz_container .score-list .point-outer::before,
		.quiz_container .score-list .point-outer::after {
		background: none;
	}
	.quiz_container .blue-box .blue-hd h2 {
		padding: 10px 20px 40px;
	}
	.blue-hd {
		width: 100%;
	}
	#myModal .modal-dialog {
		width: inherit !important;
	}
	.social-bx {
		float: right;
	}
	.social-bx ul {
		margin: -50px 0 0;
		float: left;
	}
	.social-bx ul.dropdown-menu {
		margin: 0;
	}
	.social-bx ul.user-br {
		float: right;
		padding-left: 0;
	}
	#forgotform {
		width: inherit;
	}
	.site-main .header-logo {
		width: 250px;
		margin: 0 0 -1px 0;
	}
	.social-bx {
		padding: 0 4px 0 0;
		position: relative;
		bottom: -23px;
	}
	.new-banner .insd-banner {
		float: left;
	}
	.quiz_container .score-list .score-outer {
		margin-left: 0;
	}
	/* span.stage-image img{height: 34px;} */
	.quiz_container .score-list .point-outer {
		float: none;
	}
	.new-banner .insd-banner .insd-leftImg {
		width: 100%;
	}
	.new-banner .insd-banner .insd-rightImg {
		width: 100%;
		height: auto;
		padding: 0 0 20px;
	}
	.table_Cntr {
		padding: 1px 0 0;
	}
	.table_Cntr h2 img {
		width: 90%;
	}
	.table_box tr th {
		padding: 5px 3px 6px 3px;
		font-size: 11px;
	}
	.table_box tr td {
		padding: 5px;
		font-size: 11px;
	}
	.table_Cntr h4 {
		padding: 10px 10px 20px;
		line-height: 22px;
		font-size: 16px;
	}
	.insd-rightImg {
		height: auto !important;
	}

	/* .social-bx {
    float: left;
    width: 100%;margin-left:0;
}

.social-bx ul.user-br{width: 100%;}
.social-bx ul li{float: left;
    width: 45%;}
	.social-bx ul li:last-child {
    float: right !important;
    text-align: right;
} */
	.dataTables_wrapper.form-inline.dt-bootstrap {
		padding: 0;
	}
}

/* .or-seperator {
    margin: 15px 0 15px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
} */
.game-row {
	background-color: #021c34;
	padding: 35px 15px;
	margin-bottom: 20px;
}

.game-row .game-thumb {
	width: 100%
}

#tempdiv {
	margin-bottom: 60px;
	float: initial;
}

.game-desc {
	padding-left: 2%;
}

@media all and (-ms-high-contrast:none) {
	.result.yellow-box {
		color: green
	} /* IE10 */
	*::-ms-backdrop, .result.yellow-box {
		color: red
	} /* IE11 */
}

body.modal-open {
	overflow: hidden;
	position: fixed;
	width: 100%
}

@media only screen and (min-height :320px) and (max-width :736px) and
	(orientation : landscape) {
	#socialform .row .col-xs-12 {
		width: 50%;
	}
	.or-seperator {
		position: relative;
		margin: 15px 0 15px 0px;
		text-align: center;
	}
	.modal-header {
		padding: 8px;
		border-bottom: 1px solid #e5e5e5;
	}
	#socialform .heading h2 {
		color: #414543 !important;
		text-align: center;
		line-height: 35px;
		margin-bottom: 2px;
		margin-top: 0;
	}
	.btn-lg, .btn-group-lg>.btn {
		margin-bottom: 5px;
	}
	#socialform form {
		padding: 0px 8px;
	}
}

@media all and (min-width: 768px) and (max-width: 1000px) {
	.header-nav ul li {
		margin-right: 7px;
	}
}

@media all and (min-width: 1025px) and (max-width: 1197px) {
	.site-main .header-logo {
		width: 260px;
	}
	.site-main .header-nav {
		margin-left: 0;
	}
	.header-nav ul li {
		margin-right: 20px;
	}
}

/* added css for aligning banner on tabs */
.table_Cntr .read-btn {
	margin-top: 12px !important;
}

@media all and (min-width: 900px) and (max-width: 1024px) {
	.brain-img-box span.brain-img {
		max-width: 425px;
		margin: 0 auto !important;
	}
	.brain-img-box {
		padding: 25px 0 35px !important;
	}
	.table_Cntr h2 {
		margin: 20px 0 15px;
	}
	.table_Cntr .read-btn {
		margin-top: 12px !important;
	}
}

@media all and (min-width: 768px) and (max-width: 900px) {
	.brain-img-box span.brain-img {
		max-width: 325px;
		margin: 0 auto !important;
	}
	.brain-img-box {
		/*	padding: 25px 0 !important;*/
		
	}
	.table_Cntr h2 {
		margin: 20px 0 15px;
	}
	.table_Cntr .read-btn {
		margin-top: 12px !important;
	}
}

@media all and (min-width: 1197px) and (max-width: 1198px) {
	.site-main .header-nav {
		margin-left: 70px;
	}
	.site-main .header-logo {
		margin-left: -150px;
	}
}

.text-center.file-fld {
	padding-right: 35px;
}

.form-control.file-fld {
	min-height: 34px;
	height: auto;
}

.form-horizontal.edit-pro .control-label {
	text-align: left;
}

.click-cen-btn {
	color: #337ab7;
	text-decoration: none;
	border: 1px solid #337ab7;
	padding: 6px 12px;
	display: inline-block;
	margin-top: 0;
	border-radius: 3px;
}

.errow-box.green-mess {
	color: #12cd32;
	background: #e5ffe9;
	border: 1px solid #69fa81;
}

.reg-err .errow-box {
	top: 25px;
}

.reg-err .form-group {
	position: relative;
}

/* added css for account-menu */
.account-menu a {
	background: none;
	border: none;
}

.account-menu .dropdown-menu>li>a:hover, .account-menu .dropdown-menu>li>a:focus
	{
	background: none;
	border: none;
}

.account-menu .dropdown-menu>li>a {
	float: none !important;
	display: inline-block !important;
}

.account-menu .dropdown-menu {
	padding: 0 !important;
	overflow: hidden;
}

.account-menu .dropdown-menu>li {
	float: none !important;
	padding: 8px 10px;
	margin: 0 !important;
	border-top: 1px solid #eee;
}

.account-menu .dropdown-menu>li .fa {
	color: #333;
}

.account-menu .dropdown-menu>li:first-child {
	border-top: none;
}

.account-menu .dropdown-menu br {
	display: none;
}

.account-menu .dropdown-menu>li:hover, .account-menu .dropdown-menu>li:hover a
	{
	background: #155db0;
	color: #fff;
}

.account-menu .dropdown-menu>li:hover .fa {
	color: #fff;
}

@media all and (min-width: 320px) and (max-width: 767px) {
	.text-center.file-fld {
		padding-right: 0px;
	}
	.reg-err .errow-box {
		top: 0px;
	}
}

/**Homepage Css **/
.brain-img-box {
	/*	padding: 40px 80px;*/
	margin: 0;
	position: relative;
	z-index: 2;
}

.brain-img-box span.hd-img {
	padding: 0 15px 30px;
	margin: 0;
	display: block;
	text-align: center;
}

.brain-img-box span.brain-img {
	padding-left: 4px;
	padding-right: 4px;
	margin: 0;
	display: block;
	text-align: center;
	background: #fff;
	margin: 0px 10px;
}

.brain-img-box span.play-now-img {
	padding: 3px 0 0;
	margin: 0;
	display: block;
	text-align: center;
}

.brain-img-box span.play-now-img a {
	text-align: center;
	display: inline-block;
	background: #00bdf0;
	padding: 5px;
	margin: 10px;
}

.new-banner .insd-banner .insd-leftImg .brain-img-box img {
	width: inherit;
	max-width: 100%;
}

.white-bg {
	background: #43c8f5 url('../images/white-bg-img.png') right bottom
		no-repeat;
	max-width: 1048px;
	margin: 0 auto;
	padding: 0px 0px 25px 50px;
	background-size: 275px auto;
}

.white-bg .container {
	width: 100%;
	padding: 0;
}

.catgry-box .insd-cat .txt.upd-txt {
	background: none;
	padding: 20px 15px 0 0px;
	margin-left: -15px;
}

.catgry-box .insd-cat .txt.upd-txt h3 {
	font-size: 37px;
	line-height: 40px;
	color: #004c9f;
	letter-spacing: -1px;
	text-shadow: 0px 3px 1px #d6d6d6;
	font-family: animeshFont;
}

.catgry-img-box img {
	max-width: 100%;
}

.catgry-box .insd-cat .txt.upd-txt p {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	padding: 10px 0 5px;
	margin: 0;
}

.catgry-box.updated-catgry {
	min-height: 675px;
}

.pad-b15px {
	padding-bottom: 15px;
}

.read-btn a.read-on.upd-on {
	background: #ffc11a none repeat scroll 0 0;
	border-bottom: 5px solid #dfa711;
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 17px;
	height: 37px;
	line-height: 34px;
	margin: 11px 0 0;
	padding: 0 31px 0 14px;
	position: relative;
	transition: all 0.5s ease 0s;
}

.read-btn a.read-on.upd-on:hover {
	background: #dfa711;
}

.read-btn a.read-on.upd-on:before {
	background: rgba(0, 0, 0, 0) url(../images/right-arrow.png) no-repeat
		scroll 0 0;
	content: "";
	height: 15px;
	position: absolute;
	right: 11px;
	top: 11px;
	width: 10px;
}

.tigoFont {
	font-size: 28px !important;
	color: #003471 !important;
	/*	font-weight: bold !important;*/
}

.tigoFont p {
	font-size: 16px !important;
	color: #003471 !important;
}

.tigoFont h3 {
	font-size: 20px !important;
	color: #003471 !important;
	font-weight: bold;
}

.tigoFont h2 {
	font-size: 20px !important;
	color: #003471 !important;
	font-weight: bold;
}

.tigoFont h1 {
	font-size: 20px !important;
	color: #003471 !important;
	font-weight: bold;
}

.tigoFont a {
	text-align: -webkit-center !important;
}

.tigoFontLight {
	font-size: 28px !important;
	color: #43c8f5 !important;
	font-weight: bold !important;
}

.tigoFontWhite {
	font-size: 28px !important;
	color: #fff !important;
	font-weight: bold !important;
}

.heart2 {
	position: relative;
	/*width: 500px;
    */
	overflow: inherit;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	/* order: name, direction, duration, iteration-count, timing-function */
	-moz-animation: blink normal 2s infinite ease-in-out;
	/* Firefox */
	-webkit-animation: blink normal 2s infinite ease-in-out;
	/* Webkit */
	-ms-animation: blink normal 2s infinite ease-in-out;
	/* IE */
	animation: blink normal 2s infinite ease-in-out;
	/* Opera and prob css3 final iteration */
}

.container {
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
}

.profile-section {
	display: flex;
	align-items: center;
	background-color: white;
	color: black;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 20px;
}

.profile-section img {
	width: 100px;
	border-radius: 50%;
	margin-right: 20px;
}

.profile-details {
	flex: 1;
}

.profile-details h2 {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
}

.profile-details p {
	margin: 5px 0;
	font-size: 18px;
}

.total-played {
	text-align: center;
}

.total-played h3 {
	color: #4A90E2;
	font-size: 20px;
	margin: 0;
}

.total-played .count {
	background-color: yellow;
	border-radius: 50%;
	display: inline-block;
	padding: 10px 20px;
	font-size: 24px;
	color: black;
	margin-top: 5px;
}

.score-section {
	background-color: #3e125f;
	color: white;
	border-radius: 10px;
	padding: 10px;
	overflow: auto;
}

.score-section p {
	margin: 0;
	font-size: 18px;
}

.score-table {
	width: 100%;
	margin-top: 20px;
	text-align: left;
	border-collapse: collapse;
}

.score-table thead {
	background-color: #3e125f;
	color: white;
}

.score-table th, .score-table td {
	padding: 10px;
}

.score-table tbody tr {
	background-color: white;
	color: black;
	border: 1px solid black
}

.score-table tbody td {
	text-align: center;
}

.pagination {
	text-align: right;
	margin-top: 10px;
}

.pagination button {
	background-color: #4A90E2;
	color: white;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}

.pagination button:disabled {
	background-color: grey;
	cursor: not-allowed;
}
/* Transation Css Start */
body {
	background-color: #00C4F1;
	font-family: Arial, sans-serif;
	color: white;
	margin: 0;
	padding: 0;
}

.container {
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
}

.profile-section {
	display: flex;
	align-items: center;
	background-color: white;
	color: black;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 20px;
}

.profile-section img {
	width: 100px;
	border-radius: 50%;
	margin-right: 20px;
}

.profile-details {
	flex: 1;
}

.profile-details h2 {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.profile-details p {
	margin: 5px 0;
	font-size: 18px;
	color: #000;
}

.total-played {
	text-align: center;
}

.total-played h3 {
	color: #4A90E2;
	font-size: 20px;
	margin: 0;
}

.total-played .count {
	background-color: yellow;
	border-radius: 50%;
	display: inline-block;
	padding: 10px 20px;
	font-size: 24px;
	color: black;
	margin-top: 5px;
}

.score-section {
	background-color: #fffd37;
	color: white;
	border-radius: 10px;
	padding: 10px;
}

.score-section p {
	margin: 0;
	font-size: 18px;
}

.score-table {
	width: 100%;
	margin-top: 20px;
	text-align: left;
	border-collapse: collapse;
}

.score-table thead {
	background-color: #3e125f;
	color: white;
}

.score-table th, .score-table td {
	padding: 10px;
}

.score-table tbody tr {
	background-color: white;
	color: #000;
}

.score-table tbody td {
	text-align: center;
	color: black;
}

.pagination {
	text-align: right;
	margin-top: 10px;
}

.pagination button {
	background-color: #fffd37;
	color: black;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}

.pagination button:disabled {
	background-color: grey;
	cursor: not-allowed;
}
/* Transation Css End */
@
-moz-keyframes blink { 0%{
	opacity: 1;
}

25
%
{
opacity
:
0
.25
;
}
50
%
{
opacity
:
0
.5
;
}
100
%
{
opacity
:
1;
}
}
/* Firefox */
@
-webkit-keyframes blink { 0%{
	opacity: 1;
}

25
%
{
opacity
:
0
.25
;
}
50
%
{
opacity
:
0
.5
;
}
100
%
{
opacity
:
1;
}
}
/* Webkit */
@
-ms-keyframes blink { 0%{
	opacity: 1;
}

25
%
{
opacity
:
0
.25
;
}
50
%
{
opacity
:
0
.5
;
}
100
%
{
opacity
:
1;
}
}
/* IE */
@
keyframes blink { 0%{
	opacity: 1;
}

25
%
{
opacity
:
0
.25
;
}
50
%
{
opacity
:
0
.5
;
}
100
%
{
opacity
:
1;
}
}
/* Opera and prob css3 final iteration */
.new-banner .insd-banner.up-bg-img {
	background: #bebebe;
	background-size: cover;
}

.new-banner .insd-banner.up-bg-img .insd-rightImg {
	
}

.new-banner .insd-banner.up-bg-img .insd-leftImg-bg {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.new-banner .insd-banner .insd-leftImg {
	position: relative;
}

@media ( max-width :1023px) {
	.brain-img-box {
		padding: 0px 0;
	}
	.brain-img-box span.hd-img {
		padding: 0 15px 15px;
	}
	.brn-text {
		display: none;
	}
	.brn-mobile-text {
		line-height: 18px;
		font-size: 14px;
	}
	.brain-img-box span.play-now-img {
		padding: 6px 0 0;
	}
	.cli-plugin-main-link {
		margin-left: 16px;
	}
}

@media ( max-width :930px) {
	.catgry-box.updated-catgry {
		padding-left: 15px;
		padding-right: 15px;
		min-height: inherit;
	}
	.catgry-box .insd-cat .txt.upd-txt {
		padding: 25px 15px 0 0px;
		margin-left: 0;
	}
	.catgry-img-box img {
		max-width: 100%;
		height: 300px;
		width: 100%;
	}
}

@media ( max-width :900px) {
	.catgry-box .insd-cat .txt.upd-txt p {
		font-size: 16px;
		line-height: 20px;
	}
	.cli-plugin-main-link {
		margin-left: 10px;
		color: rgb(255, 255, 255);
	}
}

@media ( max-width :767px) {
	.white-bg {
		padding-bottom: 25px;
	}
	.catgry-box .insd-cat .txt.upd-txt {
		padding: 18px 15px 35px;
	}
	.catgry-img-box img {
		height: auto;
	}
}

/* added css for counter */
span.level-count {
	display: inline-block;
	color: #333;
	font-size: 18px;
	padding: 5px 10px;
	border: 2px solid #fff;
	margin: 0 0 0 5px;
	border-radius: 5px;
	text-align: center;
	line-height: 26px;
	font-weight: 600;
	background: #f4de3d;
}

.logotxt>a {
	max-width: 70%;
	display: inline-block;
}

@media ( max-width :767px) {
	.logotxt>a {
		max-width: 80%;
	}
	.playCntr .logoCntr .logotxt {
		width: 100% !important;
		position: relative;
		top: -40px;
		text-align: center;
	}

	/* added css for footer changes 170418 */
	footer {
		/*	height: 135px;*/
		/*	position: absolute;
    bottom: 0px;*/
		
	}
	.footer-position {
		margin-top: 5px !important;
	}
	.footer-position-list {
		margin-top: 4px !important;
	}
	footer .footer-content .listing ul {
		padding: 25px 0 0;
	}
	footer .footer-content .footer-position-list p {
		padding-top: 0;
	}
	.footer-logo {
		min-height: 75px;
		background: none;
	}
	footer .footer-content {
		background: #0a0e13 url(../images/shadow-ftr.png) center top no-repeat;
		padding-bottom: 10px;
	}
	.brn-text {
		display: none;
	}
	.brn-mobile-text {
		line-height: 18px;
		font-size: 14px;
	}
}

@media ( max-width :520px) {
	.new-banner .insd-banner .insd-leftImg {
		/*	padding-left: 15px;
		padding-right: 15px;*/
		
	}
	.insd-rightImg .get_start {
		padding-left: 15px;
		padding-right: 15px;
	}
	.insd-rightImg .table_Cntr .read-btn {
		margin-right: 15px !important;
	}
}

@media only screen and (max-width: 479px ) {
	.dataTables_wrapper.form-inline.dt-bootstrap {
		padding: 0 !important
	}
}

@media ( max-width :479px) {
	footer .footer-content .listing ul li {
		margin-right: 3px;
		padding-right: 7px;
		font-size: 13px;
	}
	footer .footer-content p {
		font-size: 13px;
	}
}

@media ( min-width :1024px) {
	.brn-mobile-text {
		display: none;
	}
	.brn-text {
		font-size: 17px;
	}
}

.time-selection-data {
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	#slide-navbar-collapse {
		position: fixed;
		top: 0;
		right: 15px;
		z-index: 99;
		width: 280px;
		height: 100%;
		background-color: #002b51;
		overflow: auto;
	}
	.menu-overlay {
		display: none;
		background-color: #000;
		bottom: 0;
		left: 0;
		opacity: 0.5;
		filter: alpha(opacity = 50);
		/* IE7 & 8 */
		position: fixed;
		right: 0;
		top: 0;
		z-index: 49;
	}
}

input[type="text"], select.form-control {
	background: transparent;
	border: none;
	border-bottom: 1px solid #003471;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

input[type="text"]:focus, select.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*  BURGER MENU
========================================== */
.menu {
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 21;
	right: 1%;
}

.menu span {
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}

.menu span, .menu span::before, .menu span::after {
	display: block;
	width: 26px;
	right: 0;
	height: 3px;
	background-color: #ffffff;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.menu span::before, .menu span::after {
	position: absolute;
	content: "";
}

.menu span::before {
	top: -9px;
	width: 26px
}

.menu span::after {
	top: 9px;
	width: 26px;
}

.menu.clicked span {
	background-color: transparent;
}

.menu.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
	width: 26px;
}

.menu.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}

.menu.clicked span:before, .menu.clicked span:after {
	background-color: #ffffff;
}

.menu:hover {
	cursor: pointer;
}
/*  NAV
========================================== */
#nav {
	background: #003471;
	position: fixed;
	z-index: 20;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 250px;
	width: 100%;
	padding: 100px 40px 60px 40px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s
		cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

#nav.show ul.main li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
	list-style-type: none;
}

.menu.clicked {
	position: fixed;
	z-index: 99;
}

#nav.show ul.main li:nth-child(1) {
	transition-delay: 0.15s;
}

#nav.show ul.main li:nth-child(2) {
	transition-delay: 0.3s;
}

#nav.show ul.main li:nth-child(3) {
	transition-delay: 0.45s;
}

#nav.show ul.main li:nth-child(4) {
	transition-delay: 0.6s;
}

#nav.show ul.main li:nth-child(5) {
	transition-delay: 0.75s;
}

#nav.show ul.main li:nth-child(6) {
	transition-delay: 0.9s;
}

#nav.show ul.main li:nth-child(7) {
	transition-delay: 1.05s;
}

#nav.show ul.main li:nth-child(8) {
	transition-delay: 1.2s;
}

#nav.show ul.main li:nth-child(9) {
	transition-delay: 1.35s;
}

#nav.show .about, #nav.show .social, #nav.show ul.sub {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: .85s;
}

@media ( min-width : 667px) {
	#nav {
		padding: 60px 30px 70px 20px;
	}
}

#nav ul.main {
	list-style-type: none;
}

#nav ul.main li {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: none;
	list-style: circle;
	color: #fff
}

#nav ul.main li:last-of-type {
	margin-bottom: 0px;
}

#nav ul.main li a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	padding: 5px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#nav ul.main li a span {
	color: #b7ac7f;
}

#nav ul.main li a:hover {
	color: #00c4f1;
}

#nav ul.sub {
	list-style-type: none;
	margin-top: 40px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#nav ul.sub li {
	margin-bottom: 10px;
}

#nav ul.sub li:last-of-type {
	margin-bottom: 0px;
}

#nav ul.sub li a {
	color: #ffffff;
	font-family: animeshFont;
	letter-spacing: 1px;
	font-size: 0.9rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#nav ul.sub li a:hover {
	color: #b7ac7f;
}

.menu:hover span {
	
}

/*  OVERLAY
========================================== */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #603e82;
	opacity: 0;
	visibility: hidden;
}

.overlay.show {
	opacity: 0.8;
	visibility: visible;
}
/*Class for Msisdn number container*/
.containerIsdn {
	display: list-item;
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
	position: static;
}
/*  */
.figtree {
	font-family: "Figtree", serif;
	font-optical-sizing: auto;
	font-style: normal;
}

.carousel-item img {
	object-fit: cover;
	height: 400px; /* Adjust for different screen sizes */
}

@media (max-width: 768px) {
	.carousel-item img {
		height: 250px; /* Smaller height for mobile */
		margin-top: 20px;
	}
}

.profile-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 10px;
}

.profile-section img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
}

.total-played {
	flex-grow: 1;
	text-align: center;
}

.score-section {
	margin-top: 20px;
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.score-table {
	width: 100%;
	margin-top: 10px;
}

.score-table th, .score-table td {
	text-align: center;
	padding: 10px;
	border: 1px solid #000;
}

/* Responsive Table */
.table-responsive {
	overflow-x: auto;
}

/* Pagination */
.pagination {
	display: flex;
	justify-content: center;
	padding-top: 10px;
}

@media (max-width: 768px) {
	.profile-section {
		flex-direction: column;
		text-align: center;
	}
	.total-played {
		width: 100%;
	}
}
.table-responsive tbody td {
	text-align: center;
	color: black;
}

@media (min-width:0px) and (max-width:576px){
	.c-width{
		width: 90%;
	}
}

@media (min-width: 0px) and (max-width: 576px) {
    .h1-size {
        font-size: 26px;
    }	

    .h2-size {
        font-size: 24px;
    }
}