/***** fixes *****/
/** fixing ribbon after bootstrap **/
*{box-sizing:unset;}
#wrapper *{box-sizing:border-box;}
/* fix padding bottom on body */
#s4-bodyContainer{padding:0;}
/* fixing notification area margin*/
#pageStatusBar[class], .ms-status-msg{ margin-bottom: 0;}

.ms-signInLink{display:inline-block; line-height:unset; padding: 1px 5px 0 0; vertical-align: middle;}
/***** fixes *****/


#s4-workspace{ overflow: inherit;}
.sharepoint-bars-fix
{
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 100;
}

#s4-ribbonrow {
    background-color: #f2f2f2;
}


/*fix sharepoint ribbon submenu*/
.ms-cui-menu{
	position: fixed !important;
}


@font-face {
  font-family: 'gotham_medium';
  src: url('../../common/fonts/gotham/gotham_medium.eot?v=4.4.0');
  src: url('../../common/fonts/gotham/gotham_medium.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
       url('../../common/fonts/gotham/gotham_medium.woff2?v=4.4.0') format('woff2'), 
       url('../../common/fonts/gotham/gotham_medium.woff?v=4.4.0') format('woff'), 
       url('../../common/fonts/gotham/gotham_medium.ttf?v=4.4.0') format('truetype'), 
       url('../../common/fonts/gotham/gotham_medium.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_light';
  src: url('../../common/fonts/gotham/gotham_light.eot?v=4.4.0');
  src: url('../../common/fonts/gotham/gotham_light.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
       url('../../common/fonts/gotham/gotham_light.woff2?v=4.4.0') format('woff2'), 
       url('../../common/fonts/gotham/gotham_light.woff?v=4.4.0') format('woff'), 
       url('../../common/fonts/gotham/gotham_light.ttf?v=4.4.0') format('truetype'), 
       url('../../common/fonts/gotham/gotham_light.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MinionPro';
  src: url('../../common/fonts/MinionPro-Bold/MinionPro-Bold.eot');
  src: url('../../common/fonts/MinionPro-Bold/MinionPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('../../common/fonts/MinionPro-Bold/MinionPro-Bold.svg#MinionPro-Bold') format('svg'),
       url('../../common/fonts/MinionPro-Bold/MinionPro-Bold.ttf') format('truetype'),
       url('../../common/fonts/MinionPro-Bold/MinionPro-Bold.woff') format('woff'),
       url('../../common/fonts/MinionPro-Bold/MinionPro-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Tajawal-Bold';
  font-style: normal;
  src: url(../../common/fonts/tajawal/Tajawal-Bold.eot);
  src: url(../../common/fonts/tajawal/Tajawal-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../common/fonts/tajawal/Tajawal-Bold.otf) format('otf'),
       url(../../common/fonts/tajawal/Tajawal-Bold.svg#Tajawal-Bold) format('svg'),
       url(../../common/fonts/tajawal/Tajawal-Bold.ttf) format('truetype'),
       url(../../common/fonts/tajawal/Tajawal-Bold.woff) format('woff'),
       url(../../common/fonts/tajawal/Tajawal-Bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Tajawal-Regular';
  font-style: normal;
  src: url(../../common/fonts/tajawal/Tajawal-Regular.eot);
  src: url(../../common/fonts/tajawal/Tajawal-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../common/fonts/tajawal/Tajawal-Regular.otf) format('otf'),
       url(../../common/fonts/tajawal/Tajawal-Regular.svg#Tajawal-Regular) format('svg'),
       url(../../common/fonts/tajawal/Tajawal-Regular.ttf) format('truetype'),
       url(../../common/fonts/tajawal/Tajawal-Regular.woff) format('woff'),
       url(../../common/fonts/tajawal/Tajawal-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'kufi_reg';
  src: url('../../common/fonts/Kufi/DroidKufiRegular.eot?v=4.4.0');
  src: url('../../common/fonts/Kufi/DroidKufiRegular.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
       url('../../common/fonts/Kufi/DroidKufiRegular.woff2?v=4.4.0') format('woff2'), 
       url('../../common/fonts/Kufi/DroidKufiRegular.woff?v=4.4.0') format('woff'), 
       url('../../common/fonts/Kufi/DroidKufiRegular.ttf?v=4.4.0') format('truetype'), 
       url('../../common/fonts/Kufi/DroidKufiRegular.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'kufi_b';
  src: url('../../common/fonts/Kufi/DroidKufiBold.eot?v=4.4.0');
  src: url('../../common/fonts/Kufi/DroidKufiBold.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
       url('../../common/fonts/Kufi/DroidKufiBold.woff2?v=4.4.0') format('woff2'), 
       url('../../common/fonts/Kufi/DroidKufiBold.woff?v=4.4.0') format('woff'), 
       url('../../common/fonts/Kufi/DroidKufiBold.ttf?v=4.4.0') format('truetype'), 
       url('../../common/fonts/Kufi/DroidKufiBold.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
  font-family: 'MinionPro';
  src: url('../../common/fonts/MinionPro-Bold/MinionPro-Bold.eot?v=4.4.0');
  src: url('../../common/fonts/gotham/MinionPro-Bold.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
       url('../../common/fonts/gotham/MinionPro-Bold.woff2?v=4.4.0') format('woff2'), 
       url('../../common/fonts/gotham/MinionPro-Bold.woff?v=4.4.0') format('woff'), 
       url('../../common/fonts/gotham/MinionPro-Bold.ttf?v=4.4.0') format('truetype'), 
       url('../../common/fonts/gotham/MinionPro-Bold.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/


*
{
	margin: 0;
	padding: 0;
}

.nopadding {padding: 0;}
.nomargin {margin: 0;}

.arabic-text {
    font-family: 'kufi_b' !important;
    font-size: 12pt !important;
}

html {
  scroll-behavior: smooth;
}

body {
	 /* fix ios smooth scrolling*/    
    -webkit-overflow-scrolling: touch;
    font-family: 'gotham_light', 'Tajawal-Regular'; 
    font-size: 14pt;
    overflow: auto;
    overflow-x: hidden;
}

#wrapper {
    position:relative;
    height:100%;
    width:100%;
    /*overflow: hidden;*/
}

.panels {
    position:relative;
    /*height:100%;
    min-height:100%;*/
    width:100%;
    z-index:10;
}

#video-fixed{
   background:#eee;
   position: fixed;
    /*position:fixed;
	z-index:-99;*/
    color:red;
    top:0;
    
}


#video-controls {
    position: absolute;
    right: 20px;
    bottom: 0;
    color: #fff;
    font-size: 30pt;
    z-index: 100;
}

#video-controls a, #video-controls a:visited  {
	text-decoration: none;
	color: #fff;	
	transition: all 0.3s ease;
}

#video-controls a:hover
{
	color: #1F3D78;
}

.suggestion
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	box-shadow: 1px 1px 15px #1c1b1b;
	border-radius: 50%;
	border: 0;
}

.suggestion a, suggestion a:visited
{
	font-family: gotham_medium;
	/*font-size: 10pt;
	background: rgba(255,255,255,0.5);
	border:solid 1px #ccc;
	padding: 10px;
	border-radius: 50%;
	*/
	text-decoration: none;
	color: #fff;
	
}

.suggestion a:hover {
  color: #1F3D78;
}

#covidExploreAlive
{
	/*margin-top: 200px;*/
	/*margin-top:65vh;*/
	/*background-image: linear-gradient(180deg, rgba(19, 59, 80, 0) 10%, rgba(19, 59, 80, 0.8) 60%);*/

	/*background: linear-gradient(180deg, rgba(19,56,80,0) 0%, rgba(0, 14, 32, 0.6) 10%, rgba(2, 33, 53, 0.96) 50%);
	background: url('/assets/just2022/images/JUSTAlive_bg.jpg');
	background-size: cover;*/
	/*background-color: #133850;
	  background-position: 0 0, 0 10px, 0 0;
	  background-blend-mode: multiply, screen;*/

	/*	
    background:-moz-linear-gradient(180deg, rgba(19, 59, 80, 0) 0%, rgba(19, 59, 80, 0) 6%, rgba(19, 59, 80, 0.55) 44%, rgba(8, 28, 47, 0.75) 74%, rgba(8, 28, 47, 0.8) 84%, rgba(8, 28, 47, 0.8) 92%);
    background:-webkit-linear-gradient(180deg, rgba(19, 59, 80, 0) 0%, rgba(19, 59, 80, 0) 6%, rgba(19, 59, 80, 0.55) 44%, rgba(8, 28, 47, 0.75) 74%, rgba(8, 28, 47, 0.8) 84%, rgba(8, 28, 47, 0.8) 92%);
    background:-o-linear-gradient(180deg, rgba(19, 59, 80, 0) 0%, rgba(19, 59, 80, 0) 6%, rgba(19, 59, 80, 0.55) 44%, rgba(8, 28, 47, 0.75) 74%, rgba(8, 28, 47, 0.8) 84%, rgba(8, 28, 47, 0.8) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081C2F', endColorstr='#133B50', GradientType=1 );
    background:-ms-linear-gradient(180deg, rgba(19, 59, 80, 0) 0%, rgba(19, 59, 80, 0) 6%, rgba(19, 59, 80, 0.55) 44%, rgba(8, 28, 47, 0.75) 74%, rgba(8, 28, 47, 0.8) 84%, rgba(8, 28, 47, 0.8) 92%);
    background:linear-gradient(180deg, rgba(19, 59, 80, 0) 0%, rgba(19, 59, 80, 0) 6%, rgba(19, 59, 80, 0.55) 44%, rgba(8, 28, 47, 0.75) 74%, rgba(8, 28, 47, 0.8) 84%, rgba(8, 28, 47, 0.8) 92%);
    */
}

#ExploreAlive
{	
	background: url('/assets/just2022/images/JUSTAlive_bg.jpg');
	background-size: cover;	
}



#covid{
	/*margin: 20px 0;*/
	height: 100px;
	background-color: #fff;
}

#covid a{
	padding: 10px;
	border: solid 1px #ffff;
	text-decoration: none;
	font-family: gotham_light;
	/*font-size: 40pt;*/
	color: #fff;
	background: rgba(28, 66, 112, 0.8); /*rgba(21,97,248,0.25);*/
	transition: 0.2s ease;
	position: relative;
}

#covid a:hover::before
{    
	opacity: 1;
    text-decoration: none;
    width: 100%;
}

#covid a::before{
    content: '';
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;

    -webkit-transition: height .45s, opacity .1s;
    transition: width .45s, opacity .1s;
    height: 6px;
    background: #bd242b; /*#7ABAF2;/*#a51c30;*/
    bottom: 0;
}

/*#covid a:hover{
	background: rgba(28, 66, 112, 0.8);
}*/

.font-medium
{
	font-family: gotham_medium;
}

.just-font
{
	font-family: MinionPro;
}

#quickButtuns{
	background: linear-gradient(180deg, rgba(19,56,80,0) 0%, rgba(0, 14, 32, 0.6) 35%, rgba(2, 33, 53, 0.96) 80%);
	/*background-color: #1b2d50;*/
	color: #fff;
	padding: 10px;
}

#quickButtuns a{
	padding: 8px;
	border: solid 1px #fff;
	text-decoration: none;
	font-family: gotham_medium;
	color: #fff;
	background: transparent;
	transition: 0.2s ease;
	position: relative;
	margin: 10px;
	border-radius: 5px;
	display: inline-block;
}

#quickButtuns a:hover
{
	/*color: #bd242b;*/
}

#quickButtuns a:hover::before
{    
	opacity: 1;
    text-decoration: none;
    width: 100%;
}

#quickButtuns a::before{
    content: '';
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;

    -webkit-transition: height .45s, opacity .1s;
    transition: width .45s, opacity .1s;
    height: 3px;
    background: #fff; /*#7ABAF2;/*#a51c30;*/
    bottom: 0;
}

#explore
{
  	font-family: gotham_medium;
  	/*font-size: 40pt;*/
  	color: #fff;
	/*background-color: #F1F5FB;*/
  	padding: 20px 10px;
}

#explore .exp-item
{
	padding: 10px;
	position: relative;
	text-align: center;		
}

#explore .exp-item .centered
{
	font-size: 30pt;		
}

#explore .exp-item a
{
	text-decoration: none;
	color: #fff;	
}

#explore .exp-item a img
{
	transition: transform .2s; /* Animation */
	position: relative;
	width: 100%;
	border-bottom: solid 4px #fff;
}

#explore .exp-item a:hover img
{
	transform: scale(1.02);
	transition: transform .2s; /* Animation */
}

/*#explore .exp-item a:hover .centered 
{
	font-size: 25pt;
	transition: 0.2s ease; 
}
*/


.exp-item .icon-map
{
	color: #bd242b;
	font-size: 30pt;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);    
  transition: 0.2s ease; /* Animation */

}

#justAlive
{
	/*background: url('/assets/just2022/images/JUSTAlive_bg.jpg');
	background-size: cover;*/
   	padding-top: 10px;
   	font-family: gotham_medium;   	
  	color: #fff;
  	/*font-size: 40pt;
	padding: 0 10px;*/
}

#justAlive .alive-item
{
	padding: 30px;
}

#justAlive .alive-item img
{
	width: 100%;
}




#justAlive .alive-title a, #justAlive .alive-title a:visited
{
	text-decoration: none;
	color: #fff;
	font-family: gotham_medium;
   	font-size: 20pt;
   	display: inline-block;
   	padding: 10px 0;
}

#justAlive .alive-body
{
	font-family: gotham_light;
    font-size: 14pt;
}

#sepAliveFacts
{
	background: linear-gradient(180deg, rgba(27,45,80, 0) 0%, rgba(27,45,80, 1) 86%);
	height: 100px;
}

#facts
{
  	font-family: gotham_medium;
  	/*font-size: 40pt;*/
  	color: #fff;
  	/*margin-top: 60px;*/
  	background-color: #1B2D50;
  	padding: 10px;
}

#facts .fact-item
{
	padding: 20px 0;
}



#facts .fact-item{
	font-family: gotham_medium;	
	color: #fff;
	text-decoration: none;
}

.facts-number
{
	font-family: gotham_medium;
	font-size: 20pt;
}

#highlights
{
  	font-family: gotham_medium;
  	/*font-size: 40pt;
  	margin-top: 60px;*/
  	color: #fff;  	    
    background: linear-gradient(-60deg, #164C7B 75%, #1B2D50 10%);
	padding: 0 10px;
}

#highlights .highlight-item
{
	padding: 20px 0;
}

#highlights .highlight-item .highlight-image
{
	position: relative;
}

#highlights .highlight-item .rank-title
{
	font-family: gotham_light;
	font-size: 14pt;	
	padding: 10px;
}

#highlights .highlight-item a
{
	font-family: gotham_medium;	
	color: #fff;
	text-decoration: none;
}

#highlights .highlight-item .centered
{
	font-size: 20pt;
}

.title
{
	margin-bottom: 20px;
	font-family: gotham_medium;
	padding: 0 20px;
}

.font-medium
{
	font-family: gotham_medium;
}


#news
{
   	padding-top: 40px;
   	font-family: gotham_medium;   	
  	color: #1F3D78;
  	/*padding: 0 10px;*/
  	background-color: #F1F5FB;
}

#news .news-item
{
	margin: 30px;	
	/*box-shadow: 1px 2px 5px #000;*/
	background-color: #fff;
}

#news .news-item img
{
	width: 100%;
}


#news .news-item .news-body
{
	padding: 10px 5px;
	box-shadow: 0 0 4px #b7b5b5;
	
}

#news .news-item .news-date
{
	padding: 10px 5px;
	font-size: 14pt;
	font-style:italic;
}

#news .news-item .news-body a, #news .news-item .news-body a:visited 
{
	font-family: gotham_light;
    font-size: 14pt;
    text-decoration: none;
    color: #000;
    display: inline-block;
}

.all-btn
{
	padding: 30px 0;	
}


.all-btn a, all-btn a:visited
{
	font-family: gotham_medium;
    font-size: 14pt;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 10px;
}

#announcementsEventsHeader
{	
	background-color: #0E3F6A;
	padding: 20px 0;
   	font-family: gotham_medium;   	
  	color: #FFF;
}



#announcementsEvents
{		
	background-color: #0E3F6A;
}

#announcementsEvents #announcements
{
	padding: 30px;
}

#announcementsEvents #announcements .announcement-item
{
	padding-bottom: 60px;
}

#announcementsEvents #announcements .announcement-item .ann-title
{
	padding-bottom: 5px;
}

#announcementsEvents #announcements .announcement-item .ann-title a, #announcementsEvents #announcements .announcement-item .ann-title a a:visited 
{
	font-family: gotham_light;
    font-size: 14pt;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

#announcementsEvents #announcements .announcement-item .ann-desc
{
	font-family: gotham_light;
    font-size: 12pt;
    color: #fff;
}

#announcementsEvents #announcements .announcement-item .ann-date
{
	font-family: gotham_medium;
    font-size: 12pt;
    color: #fff;
    font-style: italic;
    padding-bottom: 5px;
}

#announcementsEvents .ann-evt-title
{
	/*background: rgba(19, 59, 80, 0.7);*/
	padding: 20px;
	color: #fff;
	font-family: gotham_medium;
}



#announcementsEvents #events 
{
	padding: 30px;
}

#announcementsEvents #events .event-item
{
	padding-bottom: 70px;
}

#announcementsEvents #events .event-item .event-date
{
	background-color: #fff;
	font-family: gotham_medium;
	font-size: 18pt;
	text-align: center;
	color: #042c54;
}

#announcementsEvents #events .event-item .event-container
{
	padding: 0 20px;
}

#announcementsEvents #events .event-item .event-title a, #announcementsEvents #events .event-item .event-title a a:visited 
{
	font-family: gotham_light;
    font-size: 14pt;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

#announcementsEvents #events .event-item .event-desc  
{
	font-family: gotham_light;
    font-size: 12pt;
    color: #fff;
}

/*#announcementsEventsHeader
{
	background: rgba(19, 59, 80, 0.7);
	padding: 20px 0;
   	font-family: gotham_medium;   	
  	color: #FFF;
}



#announcementsEvents
{		
	background: rgba(255,255,255, 0.8);
}

#announcementsEvents #announcements
{
	padding: 30px;
}

#announcementsEvents #announcements .announcement-item
{
	padding-bottom: 60px;
}

#announcementsEvents #announcements .announcement-item .ann-title
{
	padding-bottom: 5px;
}

#announcementsEvents #announcements .announcement-item .ann-title a, #announcementsEvents #announcements .announcement-item .ann-title a a:visited 
{
	font-family: gotham_medium;
    font-size: 14pt;
    text-decoration: none;
    color: #494949;
    display: inline-block;
}

#announcementsEvents #announcements .announcement-item .ann-desc
{
	font-family: gotham_light;
    font-size: 12pt;
    color: #494949;
}

#announcementsEvents #announcements .announcement-item .ann-date
{
	font-family: gotham_medium;
    font-size: 12pt;
    color: #042c54;
    font-style: italic;
    padding-bottom: 5px;
}

#announcementsEvents .ann-evt-title
{
	background: rgba(19, 59, 80, 0.7);
	padding: 20px;
	color: #fff;
	font-family: gotham_medium;
}



#announcementsEvents #events 
{
	padding: 30px;
}

#announcementsEvents #events .event-item
{
	padding-bottom: 70px;
}

#announcementsEvents #events .event-item .event-date
{
	background-color: #042c54;
	font-family: gotham_medium;
	font-size: 18pt;
	text-align: center;
	color: #fff;
}

#announcementsEvents #events .event-item .event-container
{
	padding: 0 20px;
}

#announcementsEvents #events .event-item .event-title a, #announcementsEvents #events .event-item .event-title a a:visited 
{
	font-family: gotham_medium;
    font-size: 14pt;
    text-decoration: none;
    color: #042c54;
    display: inline-block;
}

#announcementsEvents #events .event-item .event-desc  
{
	font-family: gotham_light;
    font-size: 12pt;
    color: #042c54;
}*/


#research
{
   	font-family: gotham_medium;
   	/*font-size: 40pt;*/
  	color: #fff;
  	padding: 40px 10px;
	background: url("/assets/just2022/images/Research_BG.JPG");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#research .research-item
{
	margin: 30px;
	background: #fff;
}

#research .research-item img
{
	width: 100%;
}



#research .research-title a, #research .research-title a:visited 
{
	text-decoration: none;
	font-family: gotham_medium;
   	color: #000;
   	display: inline-block;
   	padding: 10px;
}

#research .research-body
{
	font-family: gotham_light;
    font-size: 14pt;
    color: #000;
 	padding: 10px;
}

#footer
{
	background-color: #1f3d78;
	padding: 30px;
	color: #fff;
	font-size: 11pt;
}

#footer #socialMedia
{
	padding-bottom: 20px;
}

#footer #socialMedia a
{
	color: #fff;	
	margin: 0 10px;	
	position: relative;
	overflow: hidden;
	display: inline-block;
}



#footer .footer-cols
{
	padding-bottom: 40px;	
}

#footer .footer-cols a, #footer .footer-cols a:visited
{
	text-decoration: none;
	color: #fff;
}

#footer .footer-title
{
	color: #fff;
	font-family: gotham_medium;
	font-size: 14pt;
}

#footer ul
{
	list-style: none;
	padding: 15px 0 0 0;
}

#footer ul li
{
	padding: 10px 0;
	border-bottom: solid 1px #6b7ab5;
}


#footer ul li a, #footer ul li a:visited  
{
	color: #fff;
	font-family: gotham_light;
	text-decoration: none;
	transition: all ease 0.3s;
	display: inline-block;
	
}

#footer ul li a:hover
{
	text-indent: 10px;
}

#footer #newsletter
{
	padding: 15px 0;
}


#footer #newsletterBtn a, #footer #newsletterBtn a:visited
{
	padding: 10px;
	border: solid 1px #ffff;
	text-decoration: none;
	font-family: gotham_medium;
	font-size: 11pt;
	color: #fff;
	background-color: #596f9b;
	transition: 0.2s ease;
	position: relative;
	display: block;
	text-align: center;
}

#e{
   background:fuchsia;
   height:500px;
   min-height:500px;
}


.header
{
	width: 100%;
	/*max-height: 65vh;
	overflow: hidden;
	position: fixed;z-index: -100;
	right: 0;
	*/
}


.video-background
{
	position: absolute;
	right: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;		
	z-index: -1;
}

/*.video-background
{
	position: absolute;
	right: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	width: 100%;
	height: auto;
	z-index: -1;
}*/

.top-header
{
	background: linear-gradient(180deg, rgb(0, 0, 0) 14%, rgba(0, 0, 0, 0) 100%);	
	position: fixed;
	height: auto;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 30;
}

.top-header .logo, .top-header .icons
{
	margin: 20px 0;
}


.header-icon{
	margin: 0 5px;	
}

.site-title a, .site-title a:visited
{
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
}

#quickLinks
{
	width: 200px;
	position: absolute;
	right: 0;
	top: 35%;
	z-index: 30;
	padding: 0;
}

#quickLinks a
{
	display: block;
	padding: 5px 20px 5px 5px;
	border: solid 1px #707070;
	text-align: right;
	margin-bottom: 10px;
	text-decoration: none;
	background: rgba(28, 66, 112, 0.8);
	font-family: gotham_medium;
	color: #fff;
	position: relative;
}

/*#quickLinks a:hover
{
	border: solid 1px #fff;
	background: rgba(0,0,0, 0.7);
}*/

#quickLinks a:hover::before
{    
	opacity: 1;
    text-decoration: none;
    width: 100%;
}

#quickLinks a::before{
    content: '';
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;

    -webkit-transition: height .45s, opacity .1s;
    transition: width .45s, opacity .1s;
    height: 3px;
    background: #bd242b; /*#7ABAF2;/*#a51c30;*/
    bottom: 0;
}



#JUSTSearch {
  height: 100%;
  width: 600px;
  position: fixed;
  z-index: 100;
  top: 0;
  right: -600px;
  background: rgba(0,0,0, 85%);
  overflow-x: hidden;
  transition: 0.1s;
  bottom: 0;
  overflow-y: scroll;
}

#JUSTSearch .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  padding: 8px 8px 8px 10px;
  text-decoration: none;  
  color: #fff;
  transition: 0.3s;
  display: block;
  position: relative;
  z-index: 20;
}


#searchDiv
{
	padding: 100px 10px 20px;
	width: auto;
}

#searchDiv .input-group-append
{
	background: rgba(255,255,255,0.8);
}

#searchDiv .input-group-append button
{
	background: rgba(255,255,255,0.8);
	border: 0;
	color: #000;
	height: 40px;
}

#JUSTSearch #az {
  font-family: gotham_medium;
}

#JUSTSidenav {
  height: 100%;
  width: 600px;
  position: fixed;
  z-index: 100;
  top: 0;
  right: -600px;
  background: rgba(0,0,0, 85%);
  overflow-x: hidden;
  transition: 0.1s;
  bottom: 0;
  overflow-y: scroll; 
}

@keyframes menuOpen{
  from {width: 600px; right: -600px;}
  to {width: 600px; right: 0;}
}

@keyframes menuClose{
  from {width: 600px; right: 0;}
  to {width: 600px; right: -600px;}
}

@keyframes searchOpen{
  from {right: -600px;}
  to {right: 0;}
}

@keyframes searchClose{
  from {right: 0;}
  to {right: -600px;}
}

@media (max-width: 768px) {  

	@keyframes menuOpen{
	  from {width: 350px; right: -350px;}
	  to {width: 350px; right: 0;}
	}
	
	@keyframes menuClose{
	  from {width: 350px; right: 0;}
	  to {width: 350px; right: -350px;}
	}
	
	@keyframes searchOpen{
	  from {width: 350px; right: -350px;}
	  to {width: 350px; right: 0;}
	}
	
	@keyframes searchClose{
	  from {width: 350px; right: 0;}
	  to {width: 350px; right: -350px;}
	}

	#JUSTSidenav{width: 350px; right: -350px; }
	#JUSTSearch {width: 350px; right: -350px; }
	
	.header-icon{
		width: 35px;
	}
	
	.header-icon {
	    margin: 0;
	}
	
	#quickLinks
	{
		width: 170px;
	}
	
	#quickLinks a
	{
		padding: 5px 20px 5px 5px;
		font-size: 12pt;
	}
	
	.title
	{
	  	font-size: 30pt;
	}
	
	#facts .fact-item{
		font-size: 12pt;
	}
	
	#footer #socialMedia a
	{
		font-size: 30pt;
	}
	
	#quickButtuns{
		background: unset;
		background-color: #1b2d50;
		color: #fff;
		padding: 10px;
	}



}


@media (max-width: 576px) {
	#highlights{
		background: unset;
		background-color: #164C7B;		
	}
	
	#research .research-title a, #research .research-title a:visited 
	{
	   	font-size: 16pt;	 
	}
	
	#footer #socialMedia a
	{
		font-size: 30pt;
	}

	#video-fixed
	{
		margin-top: 100px;
	}

	.top-header
	{
		background: #1f3d78;	
	}

	#video-controls
	{
		font-size: 20pt;
	}

	/*.suggestion a, suggestion a:visited
	{
		padding: 5px;
	}*/

	.suggestion a i
	{
		font-size: 20pt;
	}

	#quickButtuns{
		background: unset;
		background-color: #1b2d50;
		color: #fff;
		padding: 10px;
	}


}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	#covid a{
		font-size: 15pt;		
	}
	
	#quickLinks a
	{
		padding: 5px 10px 5px 5px;
		font-size: 10pt;
	}
	
	.title
	{
	  	font-size: 30pt;
	}
	
	#facts .fact-item{
		font-size: 12pt;
	}
	
	#highlights{
		background: unset;
		background-color: #164C7B;		
	}
	
	#research .research-title a, #research .research-title a:visited 
	{
	   	font-size: 16pt;	 
	}
	
	#footer #socialMedia a
	{
		font-size: 30pt;
	}

	#explore .exp-item .centered
	{
		font-size: 20pt;
	}

	#video-fixed
	{
		margin-top: 100px;
	}

	.top-header
	{
		background: #1f3d78;	
	}

	#video-controls
	{
		font-size: 20pt;
	}

	/*.suggestion a, suggestion a:visited
	{
		padding: 5px;
	}*/

	.suggestion a i
	{
		font-size: 20pt;
	}
	
	#quickButtuns{
		background: unset;
		background-color: #1b2d50;
		color: #fff;
		padding: 10px;
	}


}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  

	#JUSTSidenav{width: 600px; right: -600px; }
	#JUSTSearch {width: 600px; right: -600px; }	

	#covid a{
		font-size: 25pt;		
	}
	
	
	
	#quickLinks a
	{
		padding: 5px 10px 5px 5px;
		font-size: 10pt;
	}
	
	.title
	{
	  	font-size: 30pt;
	}
	
	#facts .fact-item{
		font-size: 12pt;
	}
	
	#highlights{
		background: unset;
		background-color: #164C7B;
	}
	
	#research .research-title a, #research .research-title a:visited 
	{
	   	font-size: 16pt;	 
	}


	#footer #socialMedia a
	{
		font-size: 40pt;
	}

	#explore .exp-item .centered
	{
		font-size: 25pt;
	}

	#video-fixed
	{
		margin-top: 0;
	}

	.top-header
	{
		background: #1f3d78;
	}

	#video-controls
	{
		font-size: 30pt;
	}

	/*.suggestion a, suggestion a:visited
	{
		padding: 10px;
	}*/

	.suggestion a i
	{
		font-size: 30pt;
	}
	
	#quickButtuns{
		background: unset;
		background-color: #1b2d50;
		color: #fff;
		padding: 0;
	}
		
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	#covid a{
		font-size: 35pt;		
	}
	
	.site-title a, .site-title a:visited
	{
		font-size: 25px;
	}
	
	#quickLinks a
	{
		padding: 5px 20px 5px 5px;
		font-size: 10pt;
	}
	
	.title
	{
	  	font-size: 30pt;
	}
	
	#facts .fact-item{
		font-size: 10pt;
	}
	
	#highlights
	{	  	    
	    background: linear-gradient(-60deg, #164C7B 75%, #1B2D50 10%);	
	}
	
	#research .research-title a, #research .research-title a:visited 
	{
	   	font-size: 18pt;	 
	}

	#footer #socialMedia a
	{
		font-size: 40pt;
	}
	
	#quickButtuns {
		background: linear-gradient(180deg, rgba(19,56,80,0) 0%, rgba(0, 14, 32, 0.6) 50%, rgba(2, 33, 53, 0.96) 100%);	  
		color: #fff;
	}
	
	.top-header
	{
		background: linear-gradient(180deg, rgb(0, 0, 0) 14%, rgba(0, 0, 0, 0) 100%)
	}
	
			
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	#covid a{
		font-size: 40pt;		
	}
	
	.site-title a, .site-title a:visited
	{
		font-size: 32px;
	}
	
	#quickLinks a
	{
		padding: 5px 20px 5px 5px;
		font-size: 14pt;
	}
	
	.title
	{
	  	font-size: 45pt;
	}
	
	#facts .fact-item{
		font-size: 12pt;
	}
	
	#highlights
	{	  	    
	    background: linear-gradient(-60deg, #164C7B 75%, #1B2D50 10%);	
	}
	
	#research .research-title a, #research .research-title a:visited 
	{
	   	font-size: 20pt;	 
	}
	
	#footer #socialMedia a
	{
		font-size: 40pt;
	}

			
}

/*Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	#explore .exp-item .centered
	{
		font-size: 20pt;
	}
}



.sidenav a, #JUSTSearch a {
  padding: 8px 8px 8px 10px;
  text-decoration: none;  
  color: #fff;
  transition: 0.3s;
  display: block;
  position: relative;
 
}

.has-sub-menu a {
	display: flex;
}

.2nd-sub-menu a {
	display: flex;
}

.sidenav .closebtn, #JUSTSearch .closebtn {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 36px;
}

.signbtn a {
    position: absolute !important;
    top: 5px;
    left: 0px;
}

.signbtn a:hover {
    color: #fff;
}


#JUSTSidenav .navbar-nav{
	padding: 0 20px;
}

#JUSTSidenav ul
{
	list-style: none;
}

#JUSTSidenav #sidebar-wrapper{
	 overflow-y: scroll;
}

#JUSTSidenav .has-sub-menu ul{
	display: none;
}

.just-main-nav{
	margin: 50px 10px 10px 10px;
    border-top: solid 3px #4a4a4a;
    padding: 0;
}

.just-main-nav a {
    border-bottom: solid 1px #4a4a4a;
}

.just-main-nav a:hover{		
	background: rgba(255,255,255, 0.3);	
	text-indent: 7px;
}

.just-main-nav a:hover::before
{    
	opacity: 1;
    text-decoration: none;
    height: 100%;
}

.just-main-nav a::before{
    content: '';
    width: 6px;
    left: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;

    -webkit-transition: height .45s, opacity .1s;
    transition: height .45s, opacity .1s;
    height: 100%;
    background: #7ABAF2;/*#a51c30;*/
    top: 0;
}


.just-main-nav li.has-sub-menu > a, .just-main-nav li > a{
	font-family: gotham_medium;
	font-size: 14pt;
}

.just-main-nav li.has-sub-menu ul li a{
	font-family: gotham_light;
	font-size: 14pt;
}

@media(min-aspect-ratio: 16/9)
{
	.video-background
	{
		position: relative;
		width: 100%;
		min-width: 100%;
		height: auto;
		/*background: transparent url('/assets/just2022/video/just.mp4') no-repeat;*/
		background-size: auto;
		background-size: cover;
	}
}

@media(max-aspect-ratio: 16/9)
{
	.video-background
	{
		width: 100%;
		height: auto;
		position: relative;
		
		min-width: 100%;
		
		/*background: transparent url('/assets/just2022/video/just.mp4') no-repeat;*/
		  background-size: auto;
		
		background-size: cover;
	}
}

.clear{clear:both;}