@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

#logo
	{
		/*width: 161px !important;*/
		height:28px !important;
			
	
	 }
	   .logo
	{
		margin-top:15px !important;

	
	 }
	 .msearch
{
	width:100%!important;
	outline: none !important;
	border-radius: 10px;
	border: 1px solid grey;
	padding-left: 10px;

	
}
.backflip {
    background-color: transparent ;
	border-radius: 10px;
}
.menu-item{
font-weight:700;
}
.boxed{
	display:inline-block;
}
#page_place{
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight:bold;
	
	
	
}
.pagination
{
	position:fixed;
	top:90%;
	left:60%;
	height:30px;
	width:40%;
	z-index:10;

}
.pagination1 {
	position: fixed;
	top: 85%;
	left: 25%;
	height: 30px;
	width: 50%;
	z-index: 10;
	overflow: hidden;
	
}
.roundpage
{
	
	   background-color: rgba(255,255,255,1);
    font-size: 12px;
    padding: px;
    padding-left: 6px;
    padding-top: 2px;
    display: inline-block;
    color: rgba(153,153,153,1);
    width: 24px;
    height: 24px;
    border: 1px #FFFFFF solid;
    border-radius: 50%;
	box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
	cursor:pointer;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
	
	
	
}
.squarepage
{
	
	background-color: rgba(255,255,255,1);
    font-size: 12px;
	margin-right:10px;
    padding-left: 6px;
    padding-top: 2px;
    display: inline-block;
    color: rgba(153,153,153,1);
    width: 30px;
    height: 30px;
    border: 1px #FFFFFF solid;
	box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
	cursor:pointer;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
	
}

.squarepage-active, .roundpage-active 
{
	
	background-color: rgba(255,51,0,1) !important;

    display: inline-block;
    color: rgba(255,255,255,1) !important;
    border: 1px #FFFFFF solid !important;
	box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
	cursor:pointer;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
	
}

.roundpage1
{
	
	background-color: rgba(255,255,255,1);
    font-size: 16px;
	margin-right:10px;
    padding-left: 6px;
    padding-top: 2px;
    display: inline-block;
    color: rgba(153,153,153,1);
    width: 30px;
    height: 30px;
    border: 1px #FFFFFF solid;
    border-radius: 20%;
	border:1px solid #999;
	position: relative; 
			float:left;
	
	/*box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;*/
	cursor:pointer;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
	
	
	
}

.cloze_i {
    background-color: rgba(204,0,51,1);
    font-size: 12px;
    padding: px;
    padding-left: 6px;
    padding-top: 2px;
    display: inline-block;
    color: rgba(255,255,255,1);
    width: 24px;
    height: 24px;
    border: 1px #FFFFFF solid;
    border-radius: 50%;
}

#_co_finder,#_co_finder:focus
{
	outline:none !important;
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 2.5;
	color: #495057;
	height:50px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	/*border-radius: .25rem;*/
	border-radius:30px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		
}
._btn_custom {

	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 30px;
	height:50px;
	width:100px;
	background-color:rgba(51,102,102,1);
	cursor:pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
.hleft{
	font-size:24px;
	font-weight:bold;
}
.head2 {
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	transition: all 250ms;
	z-index: 9;
	/*padding: 0 6%;*/
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.nbtn
{
	border:1px solid rgba(51,51,51,1);
	color:rgba(51,51,51,1);
	font-family:"Montserrat", sans-serif;
	padding:10px;
	border-radius:20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	cursor:pointer;
	display:inline-block;
	margin-top:4px !important;	
	
}
.afavourite_i
{
	width:40px;
	padding:10px;
	width:150px;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */	
	
}
.afavourite_ii
{
	width:40px;
	padding:10px;
	width:150px;
	background-color: rgba(255,255,255,1);
	border:1px solid rgba(51,51,51,1);
	color:rgba(51,51,51,1);
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.afavourite_iii
{
	width:40px;
	padding:10px;
	width:150px;
	background-color: rgba(0,153,255,1);
	border:1px solid rgba(0,153,255,1);
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
		
}
.insthead{
	font-size:20px;	
}
.inst2{
	font-size:16px;
	color: rgba(0,102,153,1);
	font-style: oblique;
}
	 .sbx
{
	font-size:14px;
	
}
	 #sbn,#sba,.sbx{
	margin-top:24px;
	
}
	.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
	font-size:20px;
}
.savesearchicon
{
	border:1px rgba(0,0,0,1) solid;
	padding:5px;
	border-radius:10px; 
	
	
}
label{
	font-size:14px;
	font-family:"Montserrat", sans-serif;		
}
.lhalf{
	margin-top:5px;
	padding:5px;
	cursor:pointer;
}
.sb1,.sb2
{
	padding:10px;
	padding-top:5px;
	font-size:14px;

}

.fhalf{
	margin-top:5px;
	padding:5px;
}
.search_prop
{
position:relative;
top:25px;
}
.homecont
{
	border:1px #CCCCCC solid;
	min-height:200px !important;
	border-radius:20px;	
	
	
}
.itab{
	font-size:14px;
	font-family:"Montserrat", sans-serif;
	cursor:pointer;
	height:28px;
	border:1px rgba(204,204,204,1) dotted;
	font-weight:bold;
	
	
}

.miniparagraph
{
	font-size:13px;	
	
}
#scrollspace{
	display:block;
}
	 .bt
{
	
	font-size:34px;
	font-family:Gotham bold;
	color: rgba(0,0,0,1);
	padding-left:80px;
	
}
#next,#prev
{
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
#env
{
	display:none;
	
	
}
 #target
{
	
	font-size:24px;
	font-family:GothamPro;
	color:rgba(102,102,102,1);
	
}
 #cursor
{
	
	font-size:10px;
	font-family:Gotham Bold;
	color:rgba(255,255,255,1);
	padding-left:0px;
	
}
	 .bq
{
	
	font-size:48px;
	font-family: Gotham Bold;
	color:rgba(0,0,0,1);
	padding-left:80px;
	line-height:48px;
	
}
.bm
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:80px;
	margin-top:20px;
	
}
.bp
{
	font-size:24px;
	color: rgba(0,0,0,1);
	padding-left:80px;
	margin-top:20px;
	font-family:Gotham light;
	
}
	 
.banner{
	background-image: url(../img/headerbg.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position: right;
		aspect-ratio: 3/1;
}
#ct,#lo,#ad,#ma,#co,#at,#rt,#cent{
	top:50px;	
}	 
.pg{
	
	
}
.mb11
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		
	}

.mb1
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		padding-left:100px;
		
	}
	.question
	{
		font-family:Gotham Medium;
		font-size:20px;	
		border: 1px dotted #FFFFFF;
		font-weight:700;
		color:#000000 !important;
		
		
	}
	#snext,#sprev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
}
		.okobo {
	width: max-content!important;
	height: 170px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	overflow:hidden;
	display: inline-block;
	/* [disabled]overflow:hidden; */
		}
		#nd-box ,.nd-box{
			position: relative; 
			float:left;
			width:180px;
			max-height:max-content;
			height:150px;
			min-height: 150px;
			margin-left:20px;
		}
		.explanation,.erounds
		{
			font-size: 12px;
			
			
		}
				.theader
		{
			font-size: 14px !important;
			
			
		}
		#ralt{
	 position: fixed;
	 height:60px;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;

	 border-top:1px #CCCCCC solid;
 }
 		#ralt{
	 position: fixed;
	 height:60px;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;

	 border-top:1px #CCCCCC solid;
		}
		.erounds{
			font-size:inherit;
			
				}
				.cbtn,.cbtn:hover{
				background-color: rgba(255,0,0,1);
				color:#FFFFFF;
				padding:5px;
				width:150px;
				border-radius:10px;
				
			}
			.selected{
			color:#F54B2A; 
			font-family:Gotham Bold;
			 font-size:18px !important;
			}

.cb
{
	background-color:#F54B2A!important;
	border:1px #F54B2A solid;
	width: 200px;
    font-size: 18px !important;
	color:rgba(255,255,255,1);
		
}	
#next,#prev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
.el1
{
	font-size:24px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.direction{
	color:#F95532 !important;
}
.el2
{
	font-size:24px;
	/*font-weight:900;*/
	font-family:Gotham medium;
	color:#F54B2A !important;
	
}
.direction{
	color:#F95532 !important;
}
.l1
{
	font-size:36px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.s1{
	background-image: url(../img/i1.png);
	
}
.s2{
	background-image: url(../img/COnfused-student.jpg);
	
}
.s3{
	background-image: url(../img/research.jpg);
	
}
.shade{
			background-image:url(../img/Rectangle%20323.png);
			background-size:cover;
		}
.wcontent{
			font-family:Gotham light;
			color:rgba(255,255,255,1);
			position:relative;
			top:70%;
			margin-left:10px;
			padding-left:10px;
		

		}
.pl{
	width:100px; 
	height:56px;
	
	
	
}
.pr{
	width:100px; 
	height:55px;
	
	
	
}
#scrollspace{
	display:none;
}
.smallonly
{
	display:none;
}
.fmedium{
	display:none;
}
#mcontainer
{
	top:0px; 
}
.mclass
{
	padding:5px;
	font-size:12px;
	border:1px #CCCCCC solid;
	/*background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);*/
	border-radius:10px;
	cursor:pointer;
	line-height:3;
	white-space: pre-line;
	display:inline-block;
	
}
.college_even,.college_odd{
	font-size:15px;
	font-family:"Montserrat", sans-serif;
	
	
}
#old_search
{
	top:0px; 
}
.coursetiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the coursetip text - see examples below! */
  position: absolute;
  z-index: 1;
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
.coursetiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the coursetip text - see examples below! */
  position: absolute;
  z-index: 1;
}
#sr,.dynadiv
{
	position:absolute;
	top:50px;
	
}
#_co_finder,#_co_finder:focus
{
	outline:none !important;
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 2.5;
	color: #495057;
	height:50px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	/*border-radius: .25rem;*/
	border-radius:30px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		
}
.nbtn {
	border: 1px solid rgba(51,51,51,1);
	color: rgba(51,51,51,1);
	font-family: "Montserrat", sans-serif;
	padding: 10px;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	cursor: pointer;
	display: inline-block;
	margin-top: 4px !important;
	font-size: 14px;
}

.hleft{
	font-size:24px;
	font-weight:bold;
}

#old_search
{
	top:0px; 
}
label{
	font-size:14px;
	font-family:"Montserrat", sans-serif;		
}
	.lhalf{
	margin-top:5px;
	padding:5px;
}
.sbx
{
	font-size:14px;
	
	
}
.sb1,.sb2
{
	padding:10px;
	padding-top:5px;
	font-size:14px;

}

.fhalf{
	margin-top:5px;
	padding:5px;
}
	
	.itab{
	font-size:14px;
	font-family:"Montserrat", sans-serif;
	
	
}
	#scrollspace{
	display:block;
}
#env
{
	display:none;
	
	
}
.smallonly,.fmedium
{
	display:none;
}
.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
	font-size:20px;
}
	.cb
{
	background-color:#F54B2A!important;
	border:1px #F54B2A solid;
	width: 200px;
    font-size: 18px !important;
	color:rgba(255,255,255,1);
		
}	
		#logo
	{
		/*width: 161px !important;*/
		height:28px !important;
		
	
	 }
	  .logo
	{
		margin-top:15px !important;

	
	 }
	 .bp
{
	font-size:18px;
	color: rgba(0,0,0,1);
	padding-left:80px;
	margin-top:20px;
	font-family:Gotham light;
	
}
	 .bq
{
	
	font-size:48px;
	font-family:Gotham Bold;
	color: rgba(0,0,0,1);
	padding-left:80px;
	line-height:48px;
	
}
	 .question
	{
		font-family:Gotham Medium;
		font-size:20px;	
		border: 1px dotted #FFFFFF;
		font-weight:700;
		color:#000000 !important;
		
		
	}
	
	 .bt
{
	
	font-size:34px;
	font-family:Gotham bold;
	color:rgba(0,0,0,1);
	padding-left:80px;
	
}

#next,#prev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
 #target
{
	
	font-size:24px;
	font-family:GothamPro;
	color:rgba(102,102,102,1);
	
}
 #cursor
{
	
	font-size:10px;
	font-family:Gotham Bold;
	color:rgba(255,255,255,1);
	
}
.bm
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:80px;
	margin-top:20px;
	
}
	 
.banner{
	background-image: url(../img/headerbg.png);
		background-size: contain;
	background-repeat:no-repeat;
	background-position: right;
		aspect-ratio: 3/1;
}	 
.pg{
	
	
}
.mb11
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		
	}

.mb1
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		padding-left:100px;
		
	}
	#snext,#sprev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
}
		.okobo {
	width: max-content!important;
	height: 170px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	overflow:hidden;
	display: inline-block;
	/* [disabled]overflow:hidden; */
		}
			#nd-box ,.nd-box{
			position: relative; 
			float:left;
			width:180px;
			max-height:max-content;
			height:150px;
			min-height: 150px;
			margin-left:20px;
		}
		.explanation,.erounds,.theader
		{
			font-size: 12px;
			
			
		}
	
				#ralt{
	 position: fixed;
	 height:60px;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;

	 border-top:1px #CCCCCC solid;
				}
				
		.cbtn,.cbtn:hover{
				background-color:rgba(255,0,0,1);
				color:#FFFFFF;
				padding:5px;
				width:150px;
				border-radius:10px;
				
			}
			.selected{
			color:#F54B2A; 
			font-family:Gotham Bold;
			 font-size:18px !important;
			}
			#sbn,#sba,.sbx{
	margin-top:24px;
	
}
.mclass
{
	padding:5px;
	font-size:12px;
	border:1px #CCCCCC solid;
	/*background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);*/
	border-radius:10px;
	cursor:pointer;
	line-height:3;
	white-space: pre-line;
	display:inline-block;
	
}
#sr,.dynadiv
{
	position:absolute;
	top:50px;
	
}
	 
	  }

@media all and (min-width: 768px) and (max-width: 1024px) {
	.coursetiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the coursetip text - see examples below! */
  position: absolute;
  z-index: 1;
}
#sr,.dynadiv
{
	position:absolute;
	top:50px;
	
}
.fspace,.fspace2,.fspace3{
	margin-top:0px !important; 
	margin-bottom:0px !important;
}
.hleft{
	font-size:18px;
	font-weight:bold;
}
label{
	font-size:14px;
	font-family:"Montserrat", sans-serif;		
}
#old_search
{
	top:0px; 
}
#sbn,#sba,.sbx{
	margin-top:24px;
	
}
.msearch
{
	width:250px!important;
	height:30px !important;
	
}
.sbx
{
	font-size:14px;
	
	
}
.sbx
{
	font-size:14px;
	
	
}
.itab{
	font-size:14px;
	font-family:"Montserrat", sans-serif;
	
	
}
.sb1,.sb2
{
	padding:10px;
	padding-top:5px;
	font-size:12px;
	margin-top:5px;

}

.savesearchicon
{
	border:1px rgba(0,0,0,1) solid;
	padding:5px;
	border-radius:10px; 
	
	
}
.lhalf{
	margin-top:5px;
	padding:5px;
}

.fhalf{
	margin-top:5px;
	padding:5px;
}
.search_prop
{
position:relative;
top:25px;
}
#scrollspace{
	display:block;
}
.smallonly
{
	display:block;
}
.fmedium{
	display:block;
}
.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
	font-size:18px;
}
	.cb
{
	background-color:#F54B2A!important;
	border:1px #F54B2A solid;
	width: 200px;
    font-size: 18px !important;
	color:rgba(255,255,255,1);
		
}	
	
	
		#logo
	{
		/*width: 110px !important;*/
		height:20px !important;

	
	 }
	 .logo
	{
		margin-top:5px !important;

	
	 }
	 
	 .bp
{
	font-size:18px;
	color: rgba(0,0,0,1);
	padding-left:80px;
	margin-top:20px;
	font-family:Gotham light;
	
	
}
	 .bq
{
	
	font-size:48px;
	font-family:Gotham Bold;
	color: rgba(0,0,0,1);
	padding-left:80px;
	line-height:48px;
	
}
.direction{
	float:left;
}
	 .question
	{
		font-family:Gotham Medium;
		font-size:20px;	
		font-weight:700;
		color:#000000 !important;
		
		
	}
	 	 .logo
	 {
		 padding-top:15px !important;
		 
		 
	 }
	 .bt
{
	
	font-size:34px;
	font-family:Gotham bold;
	color:rgba(0,0,0,1);
	padding-left:80px;
	
}
#next,#prev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
 #target
{
	
	font-size:24px;
	font-family:GothamPro;
	color:rgba(102,102,102,1);
	
}
 #cursor
{
	
	font-size:10px;
	font-family:Gotham Bold;
	color:rgba(255,255,255,1);
	
}
.bm
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:80px;
	margin-top:20px;
	
}
.banner{
	background-image: url(../img/headerbg.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position: right;
		aspect-ratio: 3/1;
}
.mb11
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:10px;
		height:10px;
		cursor:pointer;
		text-align:center;
		
	}

.mb1
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		padding-left:80px;
		
	}
	#snext,#sprev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
}
		.okobo {
	width: max-content!important;
	height: 170px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	overflow:hidden;
	display: inline-block;
	/* [disabled]overflow:hidden; */
		}
		
			#nd-box ,.nd-box{
			position: relative; 
			float:left;
			width:180px;
			max-height:max-content;
			height:150px;
			min-height: 150px;
			margin-left:20px;
		}
		.explanation,.erounds
		{
			font-size: inherit;
			
			
			
		}
		.theader{
			font-size: 14px !important;
		}
			#ralt{
	 position: fixed;
	 height:60px;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;

	 border-top:1px #CCCCCC solid;
 
	
				}
				.cbtn,.cbtn:hover{
				background-color:rgba(255,0,0,1);
				color:#FFFFFF;
				padding:5px;
				width:150px;
				border-radius:10px;
				
			}
			.selected{
			color:#F54B2A; 
			font-family:Gotham Bold;
			 font-size:18px !important;
			}
			.mclass
{
	padding:5px;
	font-size:12px;
	border:1px #CCCCCC solid;
	/*background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);*/
	border-radius:10px;
	cursor:pointer;
	line-height:3;
	white-space: pre-line;
	display:inline-block;
	
}

	 }

@media all and (min-width: 480px) and (max-width: 768px) { 
		.backflip {
    background-color: rgba(255,255,255,0.6);
}
.coursetiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the coursetip text - see examples below! */
  position: absolute;
  z-index: 1;
  left:0px !important;
}
#sr,.dynadiv
{
	position:absolute;
	top:50px;
	
}
.fspace,.fspace2,.fspace3{
	margin-top:0px !important; 
	margin-bottom:0px !important;
}
.nbtn {
	border: 1px solid rgba(51,51,51,1);
	color: rgba(51,51,51,1);
	font-family: "Montserrat", sans-serif;
	padding: 10px;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	cursor: pointer;
	display: inline-block;
	margin-top: 4px !important;
	font-size: 12px;
}
._btn_custom {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 10px;
	height: 40px;
	width: 80px;
	background-color: rgba(51,102,102,1);
	cursor: pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#_co_finder, #_co_finder:focus {
	outline: none !important;
	display: block;
	width: 98%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	height: 40px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	/* border-radius: .25rem; */
	border-radius: 10px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hleft{
	font-size:16px;
	font-weight:bold;
}
#old_search
{
	top:60px; 
}
label{
	font-size:14px;
	font-family:"Montserrat", sans-serif;		
}
#ct,#lo,#ad,#ma,#co,#at,#rt,#cent{
	top:80px;	
}

.mclass
{
	padding:3px;
	font-size:10px;
	border:1px #CCCCCC solid;
	/*background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);*/
	border-radius:10px;
	cursor:pointer;
	line-height:3;
	white-space: pre-line;
	display:inline-block;
	
}

.msearch
{
	width:208px!important;
	height:30px !important;
	
}
.sbutton
{
		width:58px!important;
	height:31px !important;
	font-size:12px !important;
	padding:5px !important;	
}
.sbx
{
	font-size:14px;
	
	
}
#sbn,#sba,.sbx{
	margin-top:0px;
	
}
.sb1,.sb2
{
	padding:7px;
	padding-top:3px;
	font-size:12px;
	margin-top:5px;

}
.sb1,.sb2
{
	padding:7px;
	padding-top:3px;
	font-size:12px;

}
.itab{
	font-size:12px;
	font-family:"Montserrat", sans-serif;
	
	
}
.savesearchicon
{
	border:1px rgba(0,0,0,1) solid;
	padding:5px;
	border-radius:10px; 
	
	
}
.lhalf{
	margin-top:5px;
	padding:5px;
}

.fhalf{
	margin-top:5px;
	padding:5px;
}
.search_prop
{
position:relative;
top:80px;
}
#scrollspace{
	display:none;
}
.college_even,.college_odd{
	font-size:15px;
	
	
}
.fmedium{
	display:block;
}
#stop{
	display:block !important;
}
#sb4{
	display:none !important;
}
.sb4{
	border-radius:00px 00px 00px 00px;
}
.smallonly
{
	display:block;
}
.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
	font-size:16px;
}
.cb
{
	background-color:#F54B2A!important;
	border:1px #F54B2A solid;
	color:rgba(255,255,255,1);
	width: 80px;
	font-size: 10px !important;
	
		
}	
	#logo
	{
		/*width: 161px !important;*/
		height:28px !important;
		
	
	 }
	 .question
	{
		font-family:Gotham Medium;
		font-size:20px;	
		font-weight:700;
		color:#000000 !important;
		
		
	}
	 #logo
	{
		/*width: 110px !important;*/
		height:20px !important;
		
		
	
	
	 }
	 #mcontainer
{
	top:0px; 
}
	   .logo
	{
		margin-top:20px !important;

	
	 }
	 .bt
{
	
	font-size:24px;
	font-family:Gotham bold;
	color:rgba(0,0,0,1);
	padding-left:10px;
	
}
#next,#prev
{
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
 #target
{
	
	font-size:18px;
	font-family:GothamPro;
	color:rgba(102,102,102,1);
	
}
 #cursor
{
	
	font-size:10px;
	font-family:Gotham Bold;
	color:rgba(255,255,255,1);
	
}
	 .bq
{
	
	font-size:28px;
	font-family:Gotham Bold;
	color: rgba(0,0,0,1);
	padding-left:15px;
	line-height:28px;
	
}
.bp
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:10px;
	margin-top:20px;
	font-family:Gotham light;
	
}
.bm
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:10px;
	margin-top:8px;
	
}
.banner{
	background-image: url(../img/headerbg.png);
		background-size: contain;
	background-repeat:no-repeat;
	background-position: right;
		aspect-ratio: 3/1;
}
.mb11
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:10px;
		height:10px;
		cursor:pointer;
		text-align:center;
		
	}

.mb1
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		padding-left:100px;
		
	}

#snext,#sprev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
		.okobo {
	width: 100% !important;
	height:max-content !important;

	/* [disabled]overflow:hidden; */
		}
			.okobo_secondary
			{
				width: 100% !important;
	height:max-content !important;
			}
			#nd-box ,.nd-box{
			position: relative; 
			float:left;
			width:120px;
			max-height:max-content;
			min-height: 150px;
			margin-left:5px;
		}
		.explanation,.erounds
		{
			font-size:12px;
			
			
		}
		.theader
		{
			font-size:14px !important;
			
			
		}
		
		#ralt{
	 position: fixed;
	 height:60px;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;

	 border-top:1px #CCCCCC solid;
 }
 .cbtn,.cbtn:hover{
				background-color:rgba(255,0,0,1);
				color:#FFFFFF;
				padding:5px;
				width:100px;
				border-radius:10px;
				font-size:14px;
				
			}
			.selected{
			color:#F54B2A; 
			font-family:Gotham Bold;
			 font-size:14px !important;
			}
				#lnav{
				display:none;
				
				
				
			}
			.wcontent{
			font-family:Gotham light;
			color:rgba(255,255,255,1);
			position:relative;
			top:70%;
			margin-left:10px;
			padding-left:10px;
		

		}
		.direction{
	float:left;
	font-size:18px
}


}

@media all and (max-width: 480px) {
	.backflip {
    background-color: rgba(255,255,255,0.6);
}
	#clozer
{
	top:60px;
	
	
}
.coursetiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the coursetip text - see examples below! */
  position: absolute;
  z-index: 1;
  width:80vw !important;
  left:1px;
  }
	.fspace,.fspace2,.fspace3{
	margin-top:0px !important; 
	margin-bottom:0px !important;
}
#stop{
	display:block !important;
}
.nbtn {
	border: 1px solid rgba(51,51,51,1);
	color: rgba(51,51,51,1);
	font-family: "Montserrat", sans-serif;
	padding: 10px;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	cursor: pointer;
	display: inline-block;
	margin-top: 4px !important;
	font-size: 12px;
}
._btn_custom {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 10px;
	height: 40px;
	width: 80px;
	background-color: rgba(51,102,102,1);
	cursor: pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#_co_finder, #_co_finder:focus {
	outline: none !important;
	display: block;
	width: 98%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	height: 40px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	/* border-radius: .25rem; */
	border-radius: 10px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
label{
	font-size:12px;
	font-family:"Montserrat", sans-serif;		
}
#old_search
{
	top:60px; 
}
.sbutton
{
		width:58px!important;
	height:31px !important;
	font-size:12px !important;
	padding:5px !important;		
}	
.mclass
{
	padding:2px;
	font-size:10px;
	border:1px #CCCCCC solid;
	/*background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);*/
	border-radius:10px;
	cursor:pointer;
	line-height:3;
	white-space: pre-line;
	display:inline-block;
	
}
.msearch
{
	width:208px!important;
	height:30px !important;
	
}
	.sb1,.sb2
{
	padding:7px;
	padding-top:3px;
	font-size:12px;
	margin-top:5px;

}
.sbx
{
	font-size:12px;
	
	
}
#sbn,#sba,.sbx{
	margin-top:0px;
	
}
	.smallonly
{
	display:block;
}
.lhalf,.fhalf,.savesearchicon{
	margin-top:3px;
	padding:3px;
	font-size:12px;
}
#ct,#lo,#ad,#ma,#co,#at,#rt,#cent{
	top:80px;	
}


.search_prop
{
position:relative;
top:80px;
}
.itab{
	font-size:12px;
	font-family:"Montserrat", sans-serif;
	
	
}
.college_even,.college_odd{
	font-size:15px;
	
	
}
#scrollspace{
	display:none;
}
.fmedium{
	display:block;
}
#scrollspace{
	display:block;
}
 #mcontainer
{
	top:0px; 
}
.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
	font-size:14px;
}	
	.cb
{
	background-color:#F54B2A!important;
	border:1px #F54B2A solid;
	color:rgba(255,255,255,1);
	width: 80px;
	font-size: 10px !important;
		
}
#sb4{
	display:none !important;
}
.sb4{
	border-radius:00px 00px 00px 00px;
}	
.el2
{
	font-size:18px;
	/*font-weight:900;*/
	font-family:Gotham medium;
	color:#F54B2A !important;
	
}
.shade{
			background-image:url(../img/Rectangle%203231.png);
			background-size:cover;
		}
.l1
{
	font-size:24px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.s1{
	background-image: url(../img/i11.png);
	
}
.s2{
	background-image: url(../img/COnfused-student1.jpg);
	
}
.s3{
	background-image: url(../img/research1.jpg);
	
}
.wcontent{
			font-family:Gotham light;
			color:rgba(255,255,255,1);
			position:relative;
			top:50%;
			margin-left:10px;
			padding-left:10px;
			font-size:12px;
		

		}
	
	#logo
	{
		/*width: 110px !important;*/
		height:20px !important;
		
		
	
	 }
	   .logo
	{
		margin-top:10px !important;

	
	 }
	 .question
	{
		font-family:Gotham Medium;
		font-size:20px;	
		font-weight:700;
		color:#000000 !important;
		
		
	}
	.el1
{
	font-size:14px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.direction{
	float:left;
	font-size:18px;
}
	  .logo
	 {
		 padding-top:15px !important;
		 
		 
	 }
	 	 .bt
{
	
	font-size:24px;
	font-family:Gotham bold;
	color:rgba(0,0,0,1);
	padding-left:5px;
	
}
#next,#prev
{
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
 #target
{
	
	font-size:18px;
	font-family:GothamPro;
	color:rgba(102,102,102,1);
	padding-left:10px;
	
}
 #cursor
{
	
	font-size:10px;
	font-family:Gotham Bold;
	color:rgba(255,255,255,1);
	
}
	 .bq
{
	
	font-size:28px;
	font-family:Gotham Bold;
	color:rgba(0,0,0,1);
	padding-left:15px;
	line-height:28px;
	
}
.bp
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:15px;
	margin-top:20px;
	font-family:Gotham light;
	
}
.bm
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:10px;
	margin-top:8px;
	
}
.banner{
	background-image: url(../img/headerbg.png);
		background-size: contain;
	background-repeat:no-repeat;
	background-position: right;
		aspect-ratio: 3/1;
}
.mb11
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:10px;
		height:10px;
		cursor:pointer;
		text-align:center;
		
	}

.mb1
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		padding-left:20px;
		
	}
	#snext,#sprev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
		.okobo {
	width:100%;
	height:max-content;

		}
			.okobo_secondary
			{
				width: 100% !important;
	height:max-content !important
			}
		#nd-box ,.nd-box{
			position: relative; 
			float:left;
			width:45%;
			max-height:max-content;
			min-height: 70px;
			margin-left:5px;
		}
		.explanation,.erounds
		{
			font-size:12px;
			
			
		}
		.theader
		{
			font-size:14px !important;
			
			
		}
		#ralt{
	 position: fixed;
	 height: max-content;
	 min-height:70px !important;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;


	 border-top:1px #CCCCCC solid;
 }
  .cbtn,.cbtn:hover{
				background-color:rgba(255,0,0,1);
				color:#FFFFFF;
				padding:5px;
				width:100px;
				border-radius:10px;
				font-size:14px;
				
			}
			.selected{
			color:#F54B2A; 
			font-family:Gotham Bold;
			 font-size:14px !important;
			}
				#lnav{
				display:none;
				
				
				
			}
					.pl{
	width:70px; 
	height:40px;
	
	
	
}
.pr{
	width:70px; 
	height:40px;
	
	
	
}

}
/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {

.backflip {
    background-color: rgba(255,255,255,0.6);
}
	#clozer
{
	top:60px;
	
	
}
	#sr,.dynadiv
{
	position:absolute;
	top:30px;
	margin-top:0px;
	
}
label{
	font-size:12px;
	font-family:"Montserrat", sans-serif;		
}
#old_search
{
	top:60px; 
}
.sb1,.sb2
{
	padding:7px;
	padding-top:3px;
	font-size:12px;
	margin-top:5px;

}
.mclass
{
	padding:2px;
	font-size:10px;
	border:1px #CCCCCC solid;
	/*background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);*/
	border-radius:10px;
	cursor:pointer;
	line-height:3;
	white-space: pre-line;
	display:inline-block;
	
}
.msearch
{
	width:208px!important;
	height:30px !important;
	
}
.sbutton
{
		width:58px!important;
	height:31px !important;
	font-size:12px !important;
	padding:5px !important;		
}
.sbx
{
	font-size:12px;
	
	
}
#sbn,#sba,.sbx{
	margin-top:0px;
	
}
#scrollspace{
	display:none;
}
.college_even,.college_odd{
	font-size:15px;
	
	
}
#ct,#lo,#ad,#ma,#co,#at,#rt,#cent{
	top:80px;	
}
.lhalf,.fhalf,.savesearchicon{
	margin-top:3px;
	padding:3px;
}
.savesearchicon
{
	font-size:12px;	
	
}


	.smallonly
{
	display:block;
}
 #mcontainer
{
	top:0px; 
}
.fmedium{
	display:block;
}
.sb1{
	padding:5px;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 00px 00px;
	background-color: rgba(0,102,255,1);
	color:rgba(255,255,255,1);
	font-size:12px;
	cursor:pointer;
	display:inline-block;
}
.sb2
{
	padding:5px;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 00px 00px;
	background-color: rgba(255,51,51,1);
	color:rgba(255,255,255,1);
	font-size:12px;
	border-top:none;
	cursor:pointer;
	display:inline-block
}
.sb3
{
	padding:5px;
	margin-top:5px !important;
	display:inline-block;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 00px 00px;
	background-color: rgba(0,153,102,1);
	color:rgba(255,255,255,1);
	font-size:12px;
	cursor:pointer;	
}

		.pl{
	width:70px; 
	height:40px;
	
	
	
}
.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
	font-size:14px;
}
.pr{
	width:70px; 
	height:40px;
	
	
	
}	
	.cb
{
	background-color:#F54B2A!important;
	border:1px #F54B2A solid;
	color:rgba(255,255,255,1);
	width: 80px;
	font-size: 10px !important;
		
}	
.el2
{
	font-size:18px;
	/*font-weight:900;*/
	font-family:Gotham medium;
	color:#F54B2A !important;
	
}
	
		 .logo
	 {
		 padding-top:15px;
		 
		 
	 }
	 	 .bt
{
	font-size: 24px;
	font-family: "Gotham bold";
	color: rgba(0,0,0,1);
	padding-left: 10px;
	
}
#next,#prev
{
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
 #target
{
	
	font-size:14px;
	font-family:GothamPro;
	color: rgba(102,102,102,1);
	
}
 #cursor
{
	
	font-size:10px;
	font-family:Gotham Bold;
	color:rgba(255,255,255,1);
	
}
	 .bq
{
	font-size: 28px;
	font-family: Gotham Bold;
	color: rgba(0,0,0,1);
	padding-left: 15px;
	line-height: 28px;
	
}
.bp
{
	font-size: 14px;
	color: rgba(0,0,0,1);
	padding-left: 15px;
	margin-top: 20px;
	font-family:Gotham light;
	
}
.question
	{
		font-family:Gotham Medium;
		font-size:20px;	
		font-weight:700;
		color:#000000 !important;
		
		
	}
.bm
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:10px;
	margin-top:8px;
	
}
.banner{
	background-image: url(../img/headerbg.png);
		background-size: contain;
	background-repeat:no-repeat;
	background-position: right;
		aspect-ratio: 3/1;
}
.mb11
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:10px;
		height:10px;
		cursor:pointer;
		text-align:center;
		
	}

.mb1
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		padding-left:20px;
		
	}
	#snext,#sprev
{
	font-size:48px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
		.okobo {
	width: 100% !important;
	height:max-content !important;
	
	
	/* [disabled]overflow:hidden; */
		}
		.okobo_secondary
			{
				width: 100% !important;
	height:max-content !important
			}
		#nd-box ,.nd-box{
			position: relative; 
			float:left;
			width:45%;
			max-height:max-content;
			min-height: 70px;
			margin-left:5px;
		}
		.explanation,.erounds
		{
			font-size:12px;
			
			
		}
		.theader
		{
			font-size:14px !important;
			
			
		}
		#ralt{
	 position: fixed;
	  height: max-content;
	 min-height:70px !important;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;

	 border-top:1px #CCCCCC solid;
 }
  .cbtn,.cbtn:hover{
				background-color:rgba(255,0,0,1);
				color:#FFFFFF;
				padding:5px;
				width:100px;
				border-radius:10px;
				font-size:14px;
				
			}
			.selected{
			color:#F54B2A; 
			font-family:Gotham Bold;
			 font-size:14px !important;
			}
			.el1
{
	font-size:14px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.direction{
	float:left;
	font-size:18px !important;
}
.l1
{
	font-size:24px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.el2
{
	font-size:18px;
	/*font-weight:900;*/
	font-family:Gotham medium;
	color:#F54B2A !important;
	
}
.s1{
	background-image: url(../img/i11.png);
	
}
.s2{
	background-image: url(../img/COnfused-student1.jpg);
	
}
.s3{
	background-image: url(../img/research1.jpg);
	
}
.shade{
			background-image:url(../img/Rectangle%203231.png);
			background-size:cover;
		}
	.wcontent{
			font-family:Gotham light;
			color:rgba(255,255,255,1);
			position:relative;
			top:50%;
			margin-left:10px;
			padding-left:10px;
			font-size:12px;
		

		}
		.itab{
	font-size:12px;
	font-family:"Montserrat", sans-serif;
	
	
}
label{
	font-size:12px;
	font-family:"Montserrat", sans-serif;		
}
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
	.backflip {
    background-color: rgba(255,255,255,0.6);
}
#clozer
{
	top:60px;
	
	
}
.fspace,.fspace2,.fspace3{
	margin-top:0px !important; 
	margin-bottom:0px !important;
}
#sr,.dynadiv
{
	position:absolute;
	top:40px;
	margin-top:0px;
	
}
.nbtn {
	border: 1px solid rgba(51,51,51,1);
	color: rgba(51,51,51,1);
	font-family: "Montserrat", sans-serif;
	padding: 10px;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	cursor: pointer;
	display: inline-block;
	margin-top: 4px !important;
	font-size: 12px;
}
._btn_custom {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 10px;
	height: 40px;
	width: 80px;
	background-color: rgba(51,102,102,1);
	cursor: pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#_co_finder, #_co_finder:focus {
	outline: none !important;
	display: block;
	width: 98%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	height: 40px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	/* border-radius: .25rem; */
	border-radius: 10px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#old_search
{
	top:60px; 
}
.sbx
{
	font-size:12px;
	
	
}
.mclass
{
	padding:2px;
	font-size:10px;
	border:1px #CCCCCC solid;
	/*background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);*/
	border-radius:10px;
	cursor:pointer;
	line-height:3;
	white-space: pre-line;
	display:inline-block;
	
}
.msearch
{
	width:208px!important;
	height:30px !important;
	
}
.sbutton
{
		width:58px!important;
	height:31px !important;
	font-size:12px !important;
	padding:5px !important;	
}
.sb1,.sb2
{
	padding:10px;
	padding-top:5px;
	font-size:14px;
	margin-top:5px;

}

#sbn,#sba,.sbx{
	margin-top:0px;
	
}
#scrollspace{
	display:none;
}
.lhalf,.fhalf,.savesearchicon{
	margin-top:3px;
	padding:3px;
	font-size:12px;
}

#ct,#lo,#ad,#ma,#co,#at,#rt,#cent{
	top:80px;	
}

.search_prop
{
position:relative;
top:80px;
}
	.smallonly
{
	display:block;
}
 #mcontainer
{
	top:0px; 
}
.sb1{
	padding:5px;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 10px 10px;
	background-color: rgba(0,102,255,1);
	color:rgba(255,255,255,1);
	font-size:12px;
	cursor:pointer;
}
.sb2
{
	padding:5px;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 10px 10px;
	background-color: rgba(255,51,51,1);
	color:rgba(255,255,255,1);
	font-size:12px;
	border-top:none;
	cursor:pointer;
}
.sb3
{
	padding:5px;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 10px 10px;
	background-color: rgba(0,153,102,1);
	color:rgba(255,255,255,1);
	font-size:12px;
	cursor:pointer;	
}


.fmedium{
	display:block;
}
	.cb
{
	background-color:#F54B2A!important;
	border:1px #F54B2A solid;
	color:rgba(255,255,255,1);
	width: 80px;
	font-size: 10px !important;
		
}	
		.pl{
	width:70px; 
	height:40px;
	
	
	
}
.pr{
	width:70px; 
	height:40px;
	
	
	
}
	
		 .logo
	 {
		 padding-top:15px;
		 
		 
	 }
	 .question
	{
		font-family:Gotham Medium;
		font-size:20px;	
		font-weight:700;
		color:#000000 !important;
		
		
	}
	 	 .bt
{
	
	font-size:24px;
	font-family:Gotham bold;
	color:rgba(0,0,0,1);
	padding-left:10px;
	
}
#next,#prev
{
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
 #target
{
	
	font-size:14px;
	font-family:GothamPro;
	color:rgba(102,102,102,1);
	
}
 #cursor
{
	
	font-size:10px;
	font-family:Gotham Bold;
	color:rgba(255,255,255,1);
	
}
	 .bq
{
	
	font-size:28px;
	font-family:Gotham Bold;
	color:rgba(0,0,0,1);
	padding-left:15px;
	line-height:28px;
	
}
.direction{
	float:left;
	font-size:18px !important;
}
.bp
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:15px;
	margin-top:20px;
	font-family:Gotham light;
	
}
.bm
{
	font-size:14px;
	color: rgba(0,0,0,1);
	padding-left:10px;
	margin-top:8px;
	
}
.banner{
	background-image: url(../img/headerbg.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position: right;
	aspect-ratio: 3/1;
}
.mb11
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:10px;
		height:10px;
		cursor:pointer;
		text-align:center;
		
	}

.mb1
	{
		display: inline-block;
		border:1px solid #FFF;
		border-radius:10px;
		padding:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		text-align:center;
		padding-left:20px;
		
	}
	#snext,#sprev
{
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
	font-family:Quicksand Book Regular;
	color:#000000;
	z-index:5;
	display:none;
}
		.okobo {
	width:100%;
	height:max-content !important;
		}
			.okobo_secondary
			{
				width: 100% !important;
	height:max-content !important
			}
		#nd-box ,.nd-box{
			position: relative; 
			float:left;
			width:45%;
			max-height:max-content;
			min-height: 70px;
			margin-left:5px;
		}
		.explanation,.erounds
		{
			font-size:12px;
			
			
		}
		.theader
		{
			font-size:14px !important;
			
			
		}
		#ralt{
	 position: fixed;
	 height: max-content;
	 min-height:70px !important;
	 background-color:rgba(255,255,255,1);
	 bottom:0px;
	 width:100%;
	 z-index:50;
	 display:none;

	 border-top:1px #CCCCCC solid;
 }
  .cbtn,.cbtn:hover{
				background-color:rgba(255,0,0,1);
				color:#FFFFFF;
				padding:5px;
				width:100px;
				border-radius:10px;
				font-size:14px;
				
			}
			.selected{
			color:#F54B2A; 
			font-family:Gotham Bold;
			 font-size:14px !important;
			}
			#lnav{
				display:none;
				
				
				
			}
			.el1
{
	font-size:14px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.direction{
	float:left;
	font-size:18px !important;
}
.l1
{
	font-size:24px;
	font-weight:900;
	font-family:Gotham Bold;
	color:#000000 !important;
	
}
.el2
{
	font-size:18px;
	/*font-weight:900;*/
	font-family:Gotham medium;
	color:#F54B2A !important;
	
}
.s1{
	background-image: url(../img/i11.png);
	
}
.s2{
	background-image: url(../img/COnfused-student1.jpg);
	
}
.s3{
	background-image: url(../img/research1.jpg);
	
}
.shade{
			background-image:url(../img/Rectangle%203231.png);
			background-size:cover;
		}
.wcontent{
			font-family:Gotham light;
			color:rgba(255,255,255,1);
			position:relative;
			top:50%;
			margin-left:10px;
			padding-left:10px;
			font-size:12px;
		

		}
				.pl{
	width:70px; 
	height:40px;
	
	
	
}
.pr{
	width:70px; 
	height:40px;
	
	
	
}
.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
	font-size:14px;
}
#scrollspace{
	display:none;
}
.college_even,.college_odd{
	font-size:15px;
	
	
}
.itab{
	font-size:12px;
	font-family:"Montserrat", sans-serif;
	
	
}
.search_prop
{
display:relative;
top:50px;
}
label{
	font-size:12px;
	font-family:"Montserrat", sans-serif;		
}

}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
	
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
	
	
}