@charset "utf-8";
/* CSS Document */
body{   font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
	font-size:1em;
	color:#000000;

  }


#sd{width:100%;
display:flex;
justify-content: flex-end;
margin:0;
padding:0;
padding-right:5%;}

#sd a{display:block;
		font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 350;
font-size:1em;
border-radius:15px;
background:#754096;
color:#ffffff;
padding:5px;
margin-top:10px;
text-decoration:none;
}
#popupForm1 button{
	margin-top:30px;
background: #754096;
color: #fff;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
text-shadow: none;
	padding:10px;
}
 #popupForm1 button:hover {
background: #cccccc;
color: #fff;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
text-shadow: none;
}

#popupForm1 button:active {
background: #ffffff;
color: #000000;
border: 1px solid #eee;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
text-shadow: none;
}

#popupForm1 h2{color:#000000;
 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
font-size:1em;
width:100%;}


#popupForm1{
		    top:50px;
    position: absolute;
    float:right;
right:10vw;
    min-height:350px;
    width:350px;
    background:#ffffff;
    border:0.5px solid #D8D8D8;
    border-radius:20px;
    box-shadow:1px 1px 1px 1px #D8D8D8;
      display: none;
     padding:20px;
   font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
font-size: 0.9em;
color:#000000;
text-align: center;
z-index:999;}

#popupForm1 .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
	color:#000000;
}

#popupForm1 .closebtn:hover {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
	color:#EFEFF0;
	font-weight:600;
	text-shadow: 2px 2px 1px #ffffff;
	
}
#popupForm1 h1{
font-size:1em;
color:red;
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-align: center;
width:100%;
}

#sd a:hover{
background:#ffffff;
color:#004072;
transition:0.3s ease;
box-shadow:2px 2px 4px #cfcfcf;}
#qcheck img{width:50px;height:auto;}
.binback{
width:100%;background-image:url('../topimages/bingback.png');
background-size: 100% 100%; 
min-height:250px;
    background-repeat: no-repeat;
margin-top:0px;
}
#border{border-right:0.5px solid #cfcfcf;height:100%}
#top{
color:#ffffff;
font-size:2em;
padding-top:10px;
font-family: "coolvetica", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
	padding-bottom:15px;
}
.bpanel{width:97%;
background:#ffffff;
border-radius:20px;
padding:15px;
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;
margin-bottom:30px;
}
.bstep{display:inline-block;
width:100%;
}

.bgame{display:inline-block;
width:80%;
margin-left:auto;
margin-right:auto;
}

h5{display:block;
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
	font-size:1.6em;
	color:#808080;
	margin-right:20px;
	text-align: right;
}

.bstep h2{display:inline-block;
font-size:1.7em;
font-family: "coolvetica", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
color:#ffffff;

}

#info h2{width:80%;
margin-left:auto;
margin-right:auto;}
.bstep h3{display:inline-block;
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
	font-size:1em;
	color:#ffffff;
	margin-left:30px;
}
h4{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
	font-size:0.9em;
	color:#ffffff;
	text-align: center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:45px;}

.col-md-6 h4{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
	font-size:0.9em;
	color:#ffffff;
	text-align: left;
	margin-left:15%;
	display:block;
}
hr{margin-top:20px;
margin-bottom:20px;
  border: 1px solid #cfcfcf;
}
	#saved{
	display:inline-flex;
	justify-content:flex-start;
	align-items: flex-start;
	width:100%;
	margin-top:40px;
	margin-bottom:40px;}

#saved li{background:#A9A9A9;
text-align: left;
display:inline-flex;
justify-content: flex-start;
border-radius:10px;
width:80%;
margin-left:10%;
padding:5px;

}
#saved li a{ font-family:"acumin-variable", sans-serif;
	font-size:1em;
	color:#000000;
font-weight:600;
text-align: left;
	display:flex;
	
	text-decoration:none;
	width:90%;
	padding-left:15px;
}

#saved li img{margin-left:25px;
width:20px;
height:20px;
margin-top:2px;
margin-bottom:5px;
display:flex;
justify-content: flex-end;
}

#saved li:hover{background:#CFCFCF;
		box-shadow: 2px 2px 8px #323232;
	}

#saved li:hover a{color:#ffffff;
	}



	#rt{justify-content:flex-start;
	align-items: center;
	margin-left:5px;
	width:70%;}

#rt li{background:#8ab5e1;
width:80%;
text-align: center;
display:block;
border-radius:15px;

margin-left:20%;

}
#rt li a{ font-family:"acumin-variable", sans-serif;
	font-size:0.9em;
	color:#ffffff;
font-weight:600;
text-align: center;
	display:inline-block;
	text-decoration:none;
}

#rt li img{margin-left:25px;
width:20px;
height:20px;
margin-top:2px;
margin-bottom:5px;}

#rt li:hover{background:#CFCFCF;
		box-shadow: 2px 2px 8px #323232;
	}

#rt li:hover a{color:#ffffff;
	}

#bim3{margin-top:20px;width:85%;
margin-left:5%;}
#bim4{height:70px;margin-top:20px;}
.footer{
background-image:none;
background:#2a2d43;
}
.bpanel li{
	border-radius:15px;
	box-shadow: 2px 2px 4px #cfcfcf;
	background:#6aceff;
	list-style: none;
	text-decoration: none;
	max-width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;}
.bpanel li a{
	color:#ffffff;
	font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
	font-size:1em;
	text-decoration: none;


	}
	.brow{height:120px;
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;}
	.brow .row{width:100%;}
.gm li{
	border-radius:15px;
		background:#8ab5e1;
	list-style: none;
	text-decoration: none;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
			max-width:60%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
.gm li a{color:#ffffff;
	font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
	font-size:1em;
	display:block;
	text-decoration: none;

	}	
	.gml li{
	border-radius:15px;
	background:#2a2d66;
	list-style: none;
	text-decoration: none;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	max-width:60%;
	display:block;
	}
.gm, .gml{display:block;
width:100%;
}
.gml li a{color:#ffffff;
	font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
	font-size:1em;
	
	}
	.bim{display:flex;
	align-content: center;
min-height:170px;
	margin-bottom:0px;}
	.bim img{max-width:80%;margin-left:auto;
	margin-right:auto;
	height:auto;}
#numtitle img{display:block;
margin-left:auto;
margin-right:auto;
height:80px;
width:auto;
margin-bottom:10px;
}
#ttop{margin-top:20px;
margin-bottom:40px;
margin-right:12%;
margin-left:15%;
height:auto;

}
#ttop h2{
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
color: #000000;
font-size: 1em;
text-align:center;
line-height:1.5em;
width:80%;
margin-left:auto;
margin-right:auto;
}


/*---selection----*/
main{background:#2a2d43;
margin-top:0px;
padding-top:0px;}

.maincontainer{
max-width:1200px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
background:#2a2d43;
}
#pr{display:inline-flex;
justify-content: flex-end;
width:100%;}
#pr img{width:40px;height:auto;
margin-right:20px;
margin-bottom:30px;}
#pr img:hover{border-radius:50%;
border:0.5px solid #cfcfcf;
box-shadow:2px 2px 4px #cfcfcf;padding:2px;}
#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l9,#l10,#l11,#l12,#l13,#l14,#l15,#l16,#l17,#l18,#l19,#l20,#l21,#l22,#l23,#l24,#l25,#l26,#l27,#l28,#l29,#l30{font-weight:600;
		text-align:center;
		font-size:0.9em;}
#q1,#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9,#q10,#q11,#q12,#q13,#q14,#q15,#q16,#q17,#q18,#q19,#q20,#q21,#q22,#q23,#q24,#q25,#q26,#q27,#q28,#q29,#q30{
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
color: #000000;
font-size:0.9em;
padding:0;
margin:0;
}
p{margin:0;padding:0;}
#qcheck .row{
padding:0;margin:0}
.modal-dialog {
  max-width: 400px !important;
		
}

.modal-header{
	border:none;
}
.modal-content{
	border-radius:20px;
	box-shadow: 0px 2px 2px #CFCFCF;
	background:#ffffff;
	margin-top:200px;
}
.modal-body{

	width:100%;
}


.modal-content h2{
	color: #000000;
	text-align: center;
	  font-family: "acumin-variable", sans-serif;
	font-weight: 300;
	font-size: 1.3em;
    padding-below:2px;
}
.modal-body h4{
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
	font-size:0.8em;
	text-align: center;
	color:#000000;
	margin-bottom:30px;
}
.modal-body h5{
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
	font-size:1em;
	text-align: center;
	color:#000000;
	margin-bottom:30px;
}

#bcode{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
	font-size:2em;
	text-align: center;
	color:red;}
.modal-body button{
	display:block;
	border-radius:15px;
	box-shadow: 2px 2px 4px #CFCFCF;
	background:#C0C0C0;
	width:70%;
	margin-left:auto;
	margin-right:20px;
	padding:2px;
	text-align:center;
	list-style: none;
	text-decoration: none;
	margin-bottom:3px;
	margin-top:20px;
	color:#ffffff;
	font-family: "acumin-variable", sans-serif;
	font-size:1em;
	font-weight:500;
	border:none;
}
.modal-body button:hover{
	
	box-shadow: 4px 4px 8px #CFCFCF;
	transition:ease 0.3s;
}
.modal input{border-radis:4px;
margin-bottom:5px;}
.modal-header{padding-top:5px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
color:#000000;
	font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
	font-size:1.1em;}


@media (max-width: 1100px) {
#rt{width:80%;}

#bim4{width:90%;height:auto;}

.col-md-6 h4 {width:90%;
font-size:0.85em;

}
#saved li{width:90%;
margin-left:5%;}

#saved li a {font-size:0.8em;
}
#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l9,#l10,#l11,#l12,#l13,#l14,#l15,#l16,#l17,#l18,#l19,#l20,#l21,#l22,#l23,#l24,#l25,#l26,#l27,#l28,#l29,#l30{font-weight:600;
		text-align:left;;
		font-size:0.9em;}
.col-md-1{margin:0;padding:0;}
}
@media (max-width: 768px) {
.binback{
 background:#f8f8f9;
    background-image:none;}

#numtitle img{width:350px;height:auto;margin-left:auto;margin-right:auto;}
#numtitle{width:100%;margin:0;}

#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l9,#l10,#l11,#l12,#l13,#l14,#l15,#l16,#l17,#l18,#l19,#l20,#l21,#l22,#l23,#l24,#l25,#l26,#l27,#l28,#l29,#l30{
		font-size:0.8em;}
		
	.col-md-6 h4 {width:90%;
font-size:0.9em;
margin-left:auto;margin-right:auto;
text-align: center;

}	
.bstep h2{display:inline-block;
font-size:1.5em;
margin-left:20px;


}
#saved li{width:50%;
margin-left:25%;}
#bim3{display:none;}
#bim4{width:60%;margin-left:auto;margin-right:auto;height:auto;display:block;}
#q1,#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9,#q10,#q11,#q12,#q13,#q14,#q15,#q16,#q17,#q18,#q19,#q20,#q21,#q22,#q23,#q24,#q25,#q26,#q27,#q28,#q29,#q30{

font-size:0.95em;

}
#info h2{width:90%;}

.bstep h3{
	font-size:0.9em;
	color:#ffffff;
	margin-left:15px;
}	
.gm li{
	margin-bottom:15px;
	width:50%;margin-left:25%;
	}
	#rt{width:50%;
	margin-left:25%;}
#rt li{margin:0;width:80%;margin-left:auto;margin-right:auto;}
.bpanel{width:98%;

padding:7px;

padding-bottom:10px;

}
#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l9,#l10,#l11,#l12,#l13,#l14,#l15,#l16,#l17,#l18,#l19,#l20,#l21,#l22,#l23,#l24,#l25,#l26,#l27,#l28,#l29,#l30{
		display:none;}
}

@media (max-width: 600px) {

#q1,#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9,#q10,#q11,#q12,#q13,#q14,#q15,#q16,#q17,#q18,#q19,#q20,#q21,#q22,#q23,#q24,#q25,#q26,#q27,#q28,#q29,#q30{

font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;

font-size:0.9em;

}

#numtitle img{width:280px;}
}