@font-face {
    font-family: Nunito-Black;
    src: url(/fonts/Nunito-Black.ttf);
}
@font-face {
    font-family: Nunito-Regular;
    src: url(/fonts/Nunito-Regular.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(/fonts/Nunito-Bold.ttf);
}
@font-face {
    font-family: Nunito-ExtraBold;
    src: url(/fonts/Nunito-ExtraBold.ttf);
}
html, body {
	margin:0;
	padding:0;
	color:#fff;
	font-family:Nunito-Bold;
	height:100%;
	overflow: hidden;
}
body {
	background:url(/img/bg-pattern.png);
	
}
.btn:focus, .btn:active {
   outline: none !important;
}
.center {
	max-width:420px;
	margin:auto;
	text-align:center;
	height:100%;
}
.container {
	width:auto;
	height:100%;
}
.logo {
	width:80%;
	height:33%;
	margin:0 auto;
	background:url(/img/logo2.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center bottom; 
}
.home_icons {
	width:80%;
	height:40%;
	margin:5px auto 5px;
	background:url(/img/home_icons.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.play {
	font-family:Nunito-Black;
}
.btn-default {
	border-color:#e53077;
	background-color:#e53077;
	border-radius:40px;
	font-size:56px;
	color:#ffe244;
	padding-left:35px;
	padding-right:35px;
	box-shadow: 0px 8px 1px #320c47;
	width:80%;
}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.disabled:active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover  {
	border-color:#b31f74;
	background-color:#b31f74;
	color:#c49252;
}
.btn-info {
	border-color:#e53077;
	background-color:#39004b;
	border-radius:30px;
	font-size:24px;
	color:#fff;
	padding:11px 25px;
	box-shadow: 0px 5px 1px #e53077;
	width:80%;
	margin-top:16px;
	font-family:Nunito-Bold;
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	.btn-info {
		border-radius:20px;
		font-size:22px;
		padding:9px 20px;
		margin-top:12px;
		box-shadow: 0px 3px 1px #e53077;
	}
}
.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover {
	border-color:#e53077;
	background-color:#39004b;
	color:#fff;
	box-shadow: 0px 5px 1px #e53077;
}
.btn-success {
	border-color:#3e6d00;
	background-color:#76d100;
	border-radius:30px;
	font-size:24px;
	color:#fff;
	padding:11px 25px;
	box-shadow: 0px 5px 1px #3e6d00;
	width:80%;
	margin-top:16px;
	font-family:Nunito-Bold;
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	.btn-success {
		border-radius:20px;
		font-size:22px;
		padding:9px 20px;
		margin-top:12px;
		box-shadow: 0px 3px 1px #3e6d00;
	}
}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover  {
	border-color:#3e6d00;
	background-color:#76d100;
	color:#fff;
}
.btn-danger {
	border-color:#640013;
	background-color:#a31a1a;
	border-radius:30px;
	font-size:24px;
	color:#fff;
	padding:11px 25px;
	box-shadow: 0px 5px 1px #640013;
	width:80%;
	margin-top:16px;
	font-family:Nunito-Bold;
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	.btn-danger {
		border-radius:20px;
		font-size:22px;
		padding:9px 20px;
		margin-top:12px;
		box-shadow: 0px 3px 1px #640013;
	}
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover  {
	border-color:#640013;
	background-color:#a31a1a;
	color:#fff;
}
.round_nr {
	font-family:Nunito-ExtraBold;
}
.header {
	height: 32%;
}
.category {
	height: 63%;
}
#question .category {
	margin-top:20px;
}
.category > .row {
	margin:0 20px;
}
#categories .category > .row {
	height: 32%;
}
#categories .category .col-xs-4 {
	height:90%;
	vertical-align: middle;
}
#categories .category .card {
	height:100%;
}
#categories .category .cat > span {
	position: relative;
	top:70%;
	font-size:16px;
}
.card {
	background-image:url(/img/card2.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center; 
}
.top5 {margin-top:5px;}
.coins {
	font-size:20px;
}
.coins2 {
	font-size:38px;
	margin-top:20px;
	color:#ffe244;
	font-family:Nunito-Black;
}
.coins2 img {
	width:30px;
	margin-left:3px;
	margin-bottom:6px;
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	.coins2 {
		font-size:28px;
		margin-top:10px;
	}
	.coins2 img {
		width:25px;
		margin-left:3px;
		margin-bottom:6px;
	}
}
#title {
	font-size:36pt;
	color:#ffe244;
}
#stitle {
	font-size:24px;
	color:#e53077;
}
#subtitle {
	font-size:36px;
}
@media only screen and (max-width: 400px) {
	.btn-default {
		font-size:24px;
	}
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	.coins {
		font-size:24px;
	}
	#title {
		font-size:32pt;
	}
	#stitle {
		font-size:20px;
	}
	#subtitle {
		font-size:30px;
	}
}
@media only screen and (max-height:570px) {
	.coins {
		font-size:18px;
	}
	#title {
		font-size:26pt;
	}
	#stitle {
		font-size:16px;
	}
	#subtitle {
		font-size:24px;
	}
	.btn-default {
		font-size:24px;
	}
}
.msg { 
	font-size:42px;
	padding-top:30px;
	margin-bottom:5px;
	font-family:Nunito-Black;
	color:#ffe244;
}
@media only screen and (max-width: 400px), only screen and (max-height:700px) {
	.msg { 
		font-size:34px;
		padding-top:20px;
	}
}
.score { 
	font-size:24px;
	margin:20px 0 271px 0;
	color:#fff;
	font-family:Nunito-Black;
}
.score2 { 
	font-size:24px;
	margin:20px 0 134px 0;
}
.alert-top {
	background-color:#39004b;
	border-radius:25px;
	margin:12px 20px;
	padding:6px 10px;
}
.level_complete {
	background-image:url(/img/level_complete.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
	height:28%;
}
.alert-top div {
	color:#ffe244;
	font-family:Nunito-Bold;
	font-size:26px;
	font-weight:bold;
}
.alert-top img {
	width:25px;
	margin-left:3px;
	margin-bottom:3px;
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	.alert-top {
		border-radius:25px;
		margin:8px 20px;
		padding:4px 7px;
	}
	.alert-top div {
		font-size:22px;
	}
	.alert-top img {
		width:20px;
		margin-left:3px;
		margin-bottom:3px;
	}
}
#time {
	font-family:Nunito-Bold;
	color:#fff;
}
#qtxt {
	background-color:#fff;
	width:100%;
	margin:13px 0 10px;
	height:70%;
	color:#1f1f1f;
	font-size:24px;
	padding:10px;
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	#qtxt {
		font-size:20px;
		padding:5px;
	}
}
.cat {
	font-family:Nunito-Bold;
	cursor:pointer;
	cursor:hand;
}
.inact {
	color:#b990c4;
	cursor:auto;
}
.cat_sport {
	background-image:url(/img/icons2/sport.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_sport.inact {
	background-image:url(/img/icons2/sport_inact.png);
}
.cat_history {
	background-image:url(/img/icons2/history.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;;
}
.cat_history.inact {
	background-image:url(/img/icons2/history_inact.png);
}
.cat_tv {
	background-image:url(/img/icons2/tv.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_tv.inact {
	background-image:url(/img/icons2/tv_inact.png);
}
.cat_music_title {
	background-image:url(/img/icons2/music_title.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_music_title.inact {
	background-image:url(/img/icons2/music_title_inact.png);
}
.cat_movie_title {
	background-image:url(/img/icons2/movie_title.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_movie_title.inact {
	background-image:url(/img/icons2/movie_title_inact.png);
}
.cat_movie {
	background-image:url(/img/icons2/movie.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_movie.inact {
	background-image:url(/img/icons2/movie_inact.png);
}
.cat_food {
	background-image:url(/img/icons2/food.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_food.inact {
	background-image:url(/img/icons2/food_inact.png);
}
.cat_capitals {
	background-image:url(/img/icons2/capitals.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_capitals.inact {
	background-image:url(/img/icons2/capitals_inact.png);
}
.cat_geo {
	background-image:url(/img/icons2/geo.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_geo.inact {
	background-image:url(/img/icons2/geo_inact.png);
}
.cat_celeb {
	background-image:url(/img/icons2/celeb.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_celeb.inact {
	background-image:url(/img/icons2/celeb_inact.png);
}
.cat_misc {
	background-image:url(/img/icons2/misc.png);
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.cat_misc.inact {
	background-image:url(/img/icons2/misc_inact.png);
}
#boosters {
	margin:10px 20px 0 20px;
}
#boosters div {
	padding:0 5px;
}
#boosters button {
	font-size:24px;
	padding:3px 4px;
	width:100%;
	border-radius:20px;
	font-family:Nunito-Black;
}
#boosters button img {
	width:20px;
	margin-left:3px;
	margin-bottom:4px;
}
.booster .btxt {
	font-family: Nunito-ExtraBold;
	font-size:20px;
	color:#fff;
	margin-bottom:-7px;
}
.booster .bcoins {
	color:#ffe244;
}
@media only screen and (max-width: 400px) {
	.booster .btxt {
		font-size:16px;
	}
	.booster .bcoins {
		font-size:20px;
	}
	#boosters button img {
		width:16px;
	}
}
@media only screen and (max-width: 360px) {
	.booster .btxt {
		font-size:12px;
	}
	.booster .bcoins {
		font-size:16px;
	}
	#boosters button img {
		width:14px;
	}
}
.score3 {
	font-family:Nunito-Black;
	font-size:32px;
	margin-top:0;
	padding-top:4px;
	padding-bottom:4px;
}
.yscore {
	margin-top:5px;
	padding:0;
}
.yscore img {
	width:40px;
	margin-left:3px;
	margin-bottom:8px;
}
.ycoins {
	font-size:52px;
	margin-bottom:10px;
	margin-top:-8px;
}
.next {
	font-size:68px;
	font-family:Nunito-Black;
	padding:2px;
	width:60%;
	border-radius:27px;
}
.next img {
	width:28px;
	margin-bottom:5px;
}
@media only screen and (max-width: 340px), only screen and (max-height:700px) {
	.yscore {
		margin-top:5px;
		padding:0;
		font-size:32px;
	}
	.yscore img {
		width:35px;
	}
	.ycoins {
		font-size:40px;
	}
	.next {
		font-size:56px;
	}
	.next img {
		width:22px;
		margin-bottom:5px;
	}
}
@media only screen and (max-width: 250px), only screen and (max-height:500px) {
	.yscore {
		margin-top:5px;
		padding:0;
		font-size:26px;
	}
	.yscore img {
		width:0px;
	}
	.ycoins {
		font-size:34px;
	}
}
@media only screen and (max-width: 340px) {
	.answer_btn {
		font-size:16px;
	}
}