body {
   
   font-family: 'Open Sans', sans-serif;
   background-color: #3393FF;
}
h1,
h2,
h3 {
	font-weight: bold;
}

hr {
width: 100%;
margin-left: auto;
margin-right: auto;
height: 5px;
background-color:#000000;
}

table, th, td, thead, tbody {

   border: 1px solid black;
   text-align: center;
   font-weight: bold;
   font-size: 90%;

}


.FormDiv {

margin-left: 15px;
text-align: center;
border: 1px solid black;
}

.TwocallDiv > h3{

margin-bottom: 20px;
}

.ThreecallheadDiv {

margin-bottom: 20px;
background-color: #fff;
text-align: center;
border: 1px solid black;
border-radius: 25px;
}

.ThreecallDiv {

text-align: center;

border-radius: 25px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #fff;
}
.movieDiv {

text-align: center;

}

.TwocallDiv {

text-align: center;
border: 1px solid black;
border-radius: 25px;
}

.julyDiv {

text-align: center;

border-radius: 25px;
margin-right: 10%;
margin-left: 10%;

}

.headercallDiv > h3{

margin-bottom: 20px;

}

.headercallDiv > h2{

margin-bottom: 20px;

}

.headercallDiv > h1{

margin-bottom: 20px;

}

.headercallDiv > p{

margin-top: 10px;
}

.headercallDiv {


text-align: center;

border-radius: 25px;
background-color: #3393FF;

}

.blueDiv > h3{

margin-bottom: 20px;

}

.blueDiv > h2{

margin-bottom: 20px;

}

.blueDiv > h1{

margin-bottom: 20px;

}

.blueDiv > p{

margin-top: 10px;
}

.blueDiv {


text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #aed6f1;
font-weight: bold;
}

.newindexDiv > h3{

margin-bottom: 20px;

}

.newindexDiv > h2{

margin-bottom: 20px;

}

.newindexDiv > h1{

margin-bottom: 20px;

}

.newindexDiv > p{

margin-top: 10px;
}

.newindexDiv {


text-align: center;
border: 1px solid;
border-radius: 25px;
background-color: #fff;
font-weight: bold;
margin-left: 50px;
margin-right: 50px;
}

.maintabDiv {


text-align: center;
border: none;
border-radius: 25px;
background-color: #aed6f1;
font-weight: bold;
margin-left: 40px;
margin-right: 40px;

}

.phonescheduleDiv {


text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #aed6f1;
font-weight: bold;
}

.idiomDiv > h3{

margin-bottom: 20px;

}

.idiomDiv > p{

margin-top: 10px;
}

.idiomDiv {

margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #aed6f1;
font-weight: bold;
}

.menuDiv {

position: relative; 
text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #fff;
}

.phoneDiv > *{

margin-top: 6px
}

.phoneDiv {
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #fff;
font-weight: bold;
}

.tab {
  overflow: hidden;

}
.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}
.tab button {
  background-color: #DEEEF9;
  border: 2px solid #DEEEF9;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 10px;
  font-weight: bold;
  margin-top: 10px;
  width: 75%;
  color: black;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  overflow: hidden;
}

.modalShit {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 200px;
  text-align: center;
}

.img {

    border-radius: 10%;
    width:  220px;
    height: 200px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
    color: white;
    font-weight: bold;
    overflow: hidden;
}

img {

    border-radius: 10%;
    width:  220px;
    height: 200px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
    color: white;
    font-weight: bold;
    overflow: hidden;
}

.vacationDiv {
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
text-align: center;
border-radius: 25px;
background-color: #fff;
font-weight: bold;
}

    .videoAdd {
    position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;

}

.bottomhalfDiv {

	background-color: #008000;


}

.progress {
    width:200px;
    height:50px;
    border:1px solid black;
    position:relative;
}
.progress:after {
    content:'\A';
    position:absolute;
    background:black;
    top:0; bottom:0;
    left:0; 
    width:50%; 
}

.prog {
    width:200px;
    height:50px;
    border:1px solid black;
}
.filler {
    width:0%;
    height:50px;
    background-color:black;
}

.chatDiv {
     position: fixed;
     bottom: 0;
     right: 0;
}

.returnDiv {

	margin-left: 30%;
	margin-right: 30%;
	text-align: center;
	border: 1px solid black;
	border-radius: 25px;
	background-color: #fff;
	font-weight: bold;
}

.returnDiv > p{

margin-top: 10px;
}

.materialDiv {

	margin-left: 20%;
	margin-right: 20%;
	text-align: center;
	border: 1px solid black;
	border-radius: 25px;
	background-color: #fff;
	font-weight: bold;
}

.materialDiv > p{

margin-top: 10px;
}

dd  {display:none;}

.treturnDiv {


color:black;
text-align: center;

border-radius: 25px;

font-weight: bold;
}

.treturnfix {

position:fixed;

color:black;
text-align: center;

border-radius: 25px;

font-weight: bold;
left:38%;

}

.treturngame {



text-align: center;

border-radius: 25px;

font-weight: bold;
}

.treturnDiv > p{

margin-top: 10px;
}

video::-webkit-media-text-track-display {
  font-size: 350%;

}

.vid {

	border-radius: 10px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
	

}
	
.leftText {

text-align: left;
margin-left: 5%;
margin-right: 5%;

}

.aboutDiv {

	margin-left: 20%;
	margin-right: 20%;
	text-align: center;
	
	background-color: #fff;
	font-weight: bold;
}

.navbar {

	font-weight: bold;
	font-size: large;
	color: #3393FF;
	position: fixed;
	width: 100%;
}

.navbar-inverse  {	
	position: fixed;
	width: 100%;

}

.navbar-static-top  {
	position: fixed;
	width: 100%;

}

.navbar-brand {

	color: #3393FF;

}

.phoneLiveBrand {

	background-color: #aed6f1;
	border-radius: 25px;
	padding-left:8%;
	padding-right:8%;
	padding-bottom:5%;



	
}

.phoneLiveBrand  > h3 {

	color: #000000;
	border-radius: 25px;

	padding: 3%;



}

.phoneLiveBrand  > h2 {

	color: #000000;
	border-radius: 25px;
	padding: 3%;



}



#iconBrandindex {

	width: 75px;
	height: 75px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
}

#iconBrandsmall {

	width: 50px;
	height: 50px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
}

.showHeader {

	background-color: #aed6f1;
	border-radius: 10px;


	padding-bottom: 10px;
	padding-top: 1px;
 	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
	text-align:center;



}

.showHeader  > h2 {

	color: #000000;
	border-radius: 25px;
	font-size: 20px;

}

.quizDiv {

	background-color: #aed6f1;
	border-radius: 10px;

	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
	text-align:center;
	
 



}

.quizDiv  > h3 {

	color: #000000;
	border-radius: 25px;





}

.quizDiv  > h2 {

	color: #000000;
	border-radius: 25px;




}

.quizbutton {

	width:auto;
	height:30px;
	border-radius: 25px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	margin-left:5%;
	margin-right:5%;

}

.buttoncat {

	width:auto;
	height:auto;
	border-radius: 25px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	margin-right:2%;
	margin-left:2%;

}

.quizbuttonb {

	width:auto;
	height:auto;
	border-radius: 25px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	margin-top:10%;
	white-space:normal;
	font-size:110%;
	font-weight:bold;

}

#quizbuttonoff {

	width:75px;
	height:30px;
	text-align:center;

}

.radioindex {

	background-color: #A9A9A9;
	border-radius: 25px;
	margin-left:12%;
	margin-right:12%;
	padding-top:10px;


	
}

.radioindex  > h3 {

	color: #000000;
	border-radius: 25px;

	padding: 3%;



}

.radioindex  > h2 {

	color: #000000;
	border-radius: 25px;




}

.radioindexnew {

	background-color: #aed6f1;
	border-radius: 25px;




	
}

.displayblock {

	display:block;
}

.quizanswer {


	margin-left:auto;
	margin-right:auto;
	border-radius: 5px;
	margin-top:2%;
	margin-bottom:2%;
	width:max-content;
	padding-left:1%;
	padding-right:1%;

}

.scorediv {
	display:block;
	position:fixed;
text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #fff;
font-weight: bold;
padding-right:40%;
padding-left:20%;



}

.scorediv  > h3 {

	color: #000000;
	border-radius: 25px;
	font-size: 20px;


}

.categories  {
	position:fixed;
	top:10;
	left:0;
	right:0;

	background-color: #fff;
	border-radius: 25px;
	border: 1px solid black;
	text-align:center;
	font-weight:bold;

}

.headercallDiv > h3{

margin-bottom: 20px;

}

.catquestion > h2{

margin-bottom: 20px;

}

.catquestion > h1{

margin-bottom: 20px;

}

.catquestion > p{

margin-top: 10px;

}

.catquestion {


text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #fff;
font-weight: bold;
padding-right:5%;
padding-left:5%;
}

.classcatquestion > h2{

margin-bottom: 20px;

}

.classcatquestion > h1{

margin-bottom: 20px;

}

.classcatquestion > p{

margin-top: 10px;

}

.classcatquestion {


text-align: center;
border: 1px solid black;
border-radius: 25px;
background-color: #fff;
font-weight: bold;
padding-right:5%;
padding-left:5%;
position:fixed;
left:10%;
right:10%;
}

.classcatquestion:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.mobilecatquestion {

position:fixed;
text-align: center;
  background-color: #aed6f1;
  border: 3px solid #aed6f1;
border-radius: 10px;
font-weight: bold;
padding-right:5%;
padding-left:5%;

height:70%;
left:5%;
right:5%;
top:12%;
box-shadow:0px 0px 10px rgba(0, 0, 0, 5);
}

.mobilecatquestion > h4 {

	font-weight:bold;

}

.mobilecatquestion > h3 {

	font-weight:bold;
	margin-top:0px;

}

.gquizquestion {

position:fixed;
text-align: center;
  background-color: #aed6f1;
  border: 3px solid #aed6f1;
border-radius: 10px;
font-weight: bold;
padding-right:5%;
padding-left:5%;

height:70%;
left:5%;
right:5%;
top:10%;
box-shadow:0px 0px 10px rgba(0, 0, 0, 5);
}

.gquizquestion > h4 {

	font-weight:bold;

}

.gquizquestion > h3 {

	font-weight:bold;
	margin-top:0px;

}

.tabgame {
  overflow: hidden;

}
.tabgame button:hover {
  background-color: #ddd;
}

.tabgame button.active {
  background-color: #ccc;
}
.tabgame button {
  background-color: #DEEEF9;
  border: 2px solid #DEEEF9;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 10px;
  font-weight: bold;
  margin-top: 10px;
  width: 90%;
  color: black;

}

.categories  {
	position:fixed;
	top:10;
	left:15%;
	right:15%;

	background-color: #fff;
	border-radius: 25px;
	border: 1px solid black;
	text-align:center;
	font-weight:bold;

}

.catlist {
	text-align:center;

}

#scoreone  {
       font-size:20px;

}

#scoretwo  {
       font-size:20px;

}

#scorethree  {
       font-size:20px;

}

#scorefour  {
       font-size:20px;

}

.subcallDiv > h3{

margin-bottom: 20px;


}

.subcallDiv > h5{

	font-weight: bold;


}

.subcallDiv > h2{

margin-bottom: 20px;

}

.subcallDiv > h1{

margin-bottom: 20px;

}

.subcallDiv > p{

margin-top: 10px;
}

.subcallDiv {

position:fixed;
text-align: center;
border: 3px solid black;
border-color: #aed6f1;
border-radius: 10px;
background-color: #aed6f1;
font-weight: bold;
top:13%;
width:100%;
box-shadow:0px 0px 10px rgba(0, 0, 0, 5);
}

.quizbuttonlong {

	width:150px;
	height:30px;
	border-radius: 25px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	font-size:125%;

}

.quizbuttonlonger {

	width:auto;
	height:30px;
	border-radius: 25px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	font-weight:bold;

}


.quizbuttonlongerlive {

	position:fixed;
	bottom:0;

	width:auto;
	height:30px;
	border-radius: 25px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	font-weight:bold;

}

.closebutton {

	width:30px;
	height:30px;
	border-radius: 25px;
	text-align:center;
        background-color: #aed6f1;
        border: 2px solid #aed6f1;

	margin-left:90%;
	font-size:large;

}

.activecat {

	background-color:#3393FF;
	color:white;

}

.rgtactive {


	background-color:#F65959;
	color:white;


}

.wrgactive {

	background-color:#00FF00;

}

#questionhush > h1 {


	margin-top:0%;

	padding-bottom:9%;
	padding-top:7%;
	background-color:black;
	color:white;

}



#responseahush > h2 {

	margin-left:5%;
	margin-right:5%;

}

#responseahush > p {

	font-size:200%;

}

#responsebhush > p {

	font-size:200%;

}

#responsechush > p {

	font-size:200%;

}

#responsedhush > p {

	font-size:200%;

}

#responseehush > p {

	font-size:200%;

}

.multiplechoicefiller {


	height: 450px;
	width: auto;


}

.hushwordcard {

	border: 2px solid black;
	width:65%;

	margin-right: auto;
	margin-left: auto;
	background-color:#aed6f1;
	margin-bottom:15px;
	display:block;
	height:375px;
	font-weight:bold;

}


.quizbuttoncat {

	width:auto;
	height:auto;
	border-radius: 10px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	font-size:125%;
	outline: none;
	margin-left:auto;
	margin-right:auto;

	margin-top:1%;

}

.activecat {

	background-color:#3393FF;
	color:white;

}

.quizbuttonans {

	width:auto;
	height:10%;
	border-radius: 10px;
	text-align:center;
        background-color: #DEEEF9;
        border: 2px solid #DEEEF9;
	font-size:110%;
	outline:none;
	margin-top:10%;
	font-weight:bold;

}

.creditq {

	text-align:left;

}	


.creditq  > h2 {

	font-weight:bold;
	font-size:150%;
	margin:0%;

}

.creditans {

	margin-left:auto;
	margin-top:2%;

}

.gquizans {

	margin-left:auto;
	margin-top:35%;

}

.noans {

	display:none;
	text-align:center;

}

.yesans {

	display:block;
	text-align:center;

}

.maingame {


	margin-top:70%;

}

#over {

	margin-top:0%;
	margin-bottom:0%;


}

#catmenu  {

	font-size:110%;
	border-radius:10px;
	outline:none;
        border: 2px solid #DEEEF9;

}


.dropbtn {
  background-color: #3393FF;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius:10px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #aed6f1;

  box-shadow: 0px 0px 10px rgba(0,0,0,5);
  margin-left:-15%;
  border-radius:10px;
  border: 2px solid #aed6f1;
  width:130%;

}





.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3393FF;
}

.buttondd {

	margin-top:3%;
	margin-bottom:3%;
	border-radius:10px;
	display:flex;
	font-size:125%;
  	border: 2px solid #aed6f1;
	color:black;




}

.menuclose {

	margin-left:80%;
	background-color:#aed6f1;
	border: 1px solid #aed6f1;
	font-weight:bold;



}

#gametitle {

	font-size:200%;	

}

#score0 {

	font-size:150%;	


}


.quizclose {

	margin-left:154%;
	background-color:#aed6f1;
	border: 1px solid #aed6f1;
	display:flex;
	font-weight:bold;
	font-size:large;
	



}


.quizcloserule {

	margin-left:87%;
	background-color:#aed6f1;
	border: 1px solid #aed6f1;
	display:flex;
	font-weight:bold;
	font-size:large;
	



}

#quiz1 {

	margin-top:0%;

}

#rules1 {

	margin-top:0%;
	text-align:center;

}

#rulesbody {


	margin-left:5%;
	margin-right:5%;
	text-align:center;


}

.quizq {

	padding-left:5%;
	padding-right:5%;


}

.epiname {

	margin-top:0%;


}

.audioepisode {

	background-color: #aed6f1;
	border-radius: 10px;
	overflow:hidden;
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
	text-align:center;
	font-weight:bold;
	
 



}

.audioepisode  > h3 {

	color: #000000;
	border-radius: 25px;





}

.audioepisode  > h2 {

	color: #000000;
	border-radius: 25px;




}

.audioepisodevb {

	background-color: #aed6f1;
	border-radius: 10px;

	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
	text-align:center;

	
 



}

.audioepisodevb  > h3 {

	color: #000000;
	border-radius: 25px;





}

.audioepisodevb  > h2 {

	color: #000000;
	border-radius: 25px;




}

#sco   {

	position:fixed;
	bottom:0;

	left:0;
	right:0;
	background-color:#aed6f1;

	border-radius:10px;
	font-size:250%;
	font-weight:bold;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
	padding-left:2%;
	padding-right:2%;


}

#sco   > p {

	text-align:center;



}

.sco   {

	margin-right:auto;
	margin-left:auto;




}

.quizheader {

	background-color: #aed6f1;;
	border-radius: 25px;
	margin-left:10%;
	margin-right:10%;
	border: .5px solid #aed6f1;;
	padding-bottom: 10px;
	padding-top: 1px;
	text-align:center; 



}

.quizheader  > h2 {

	color: #000000;
	border-radius: 25px;
	font-size: 20px;

}

.toplinequizq > table, tbody, tr, td {

	border: 1px solid #aed6f1;

}

#rule1 {

	font-weight:bold;


}

#rule2 {

	font-weight:bold;


}


#rule3 {

	font-weight:bold;


}


#rule4 {

	font-weight:bold;


}

#rule5 {

	font-weight:bold;


}

#rule6 {

	font-weight:bold;


}


#rule7 {

	font-weight:bold;


}


#rule8 {

	font-weight:bold;


}


#rule9 {

	font-weight:bold;


}


#rule10 {

	font-weight:bold;


}


.gqtop {

	display:block;
	width:25px;

}


.whichquiz {


	font-size:150%;

}


.topfillleft {


	width:37%;

}



.hushwordlive {

        position:fixed;
	bottom:0;
	background-color: #aed6f1;
	border-radius: 10px;

	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
	text-align:center;
	width:40%;
	
 



}