@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');


.ms-core-webpartadder
{
	z-index:2147483647;
}

#NewsDetailsContainer img
{
	    display: block !important;
    max-width: 100% !important;
    height: auto !important;

}

#NewsDetailsContainer
{
	margin-bottom:3em;
	    font-size:1.3em !important;
	    line-height:2em;
	    text-align:justify;
}


@media (max-width: 767px) {

#HomeLogo
{
	padding-left:1em;
}

.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret
{
	left:0 !important;
margin:	-20px 0 0 15px !important;
}

.navbar-nav.sm-collapsible a.has-submenu
{
	padding-right:0px;
	padding-left:60px;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header
{
	padding: 5px 15px 5px 70px !important;
}

}

 
body {
font-family: 'Open Sans', sans-serif !important;

	
	width: 100%;
	height: 100%;
	overflow: auto;
	color:#59626a;
}


html, body {
      width: 100%;
      height: 100%; 
}

a, a:visited
{
	color:#2e9fff;
}

h1,h2,h3,h4
{
	font-family: 'Open Sans', sans-serif !important;
	font-weight:600;
}
.jumbotron
{
	background-color:white !important;
}

.well
{
	background-color:#fdfdfd !important;
	border:0px;
	-webkit-box-shadow:0;
    /* box-shadow: inset 0 0px 0px rgba(0,0,0,.05); */
}

.royalSlider img {
    width: 100%;
    height: auto;
    margin: 0px auto;
}

/* Events carousel CSS Start*/


 
.carousel-caption 
{
	vertical-align:middle;
	text-align:center;
	margin-bottom:6em;
}



ul.EventsThumbnails { 
    margin-bottom: 20px;
    padding: 0 0 0 0;
}
/* Carousel Control */
.EventsControlBox {
    text-align: left;
    width: 100%;
}
.pager
{
	padding-right:15px;
	padding-left:15px;
}

.EventImg
{
	margin-bottom:3em
}
/* Events carousel CSS End*/


.bg-primary
{
	padding-bottom:6em;
	padding-top:2em;
}


#HomeLogo
{
		width: 100px;
    height: 69px;
    margin-top: 0.5em;
    margin-right: 0.7em;

}
#spoLogo
{
    margin-top: 0.5em;
    margin-right: 0.7em;

}



#SaudiVision
{
	width: 80px;
    height: 59px;
}


bluelink a{
	color:#2e9fff;
}
 
graylink a,graylink a:link,graylink a:visited{
	color:#323643;
}

graylink a:hover{
	color:green;
}


#HomeNewsHeadTitle{
	margin-bottom: 2em !important;
	color:#323b43;
}

#HomeNewsShowMore,#HomeNewsShowMore a:link,#HomeNewsShowMore a
{
	font-family:	font-family: 'GEDinkum-Light' !important;
	margin-top:50px;
	font-size:1.6em;
	color:#59626a;
}


.HomeNewsMore {
    min-height: 3em;
    background-color: white;
    padding: 1em 1em 1em 1em;
    font-size: 1em;
    font-family: "GEDinkum-Light", Tahoma;
}

#HomeNewsMoreButton {
    background-color: #fff;
    border-color: #2e9fff;
    color: #2e9fff;
    margin-top:2em;
}

#HomeNewsMoreButton:hover {
    background-color: #2e9fff;
    border-color: #fff;
    color: #fff;
}


.HomeNewsBox
{
	  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  min-height:24em;
  background-color:white;
  font-size:1.2em;
}

.HomeMainNews
{
  min-height:24em;
  background-color:white;
  font-size:1.2em;
}


.HomeNewsDate {
	font-family:'GEDinkum-Light',Tahoma;
  padding: 10px 15px;
	color:#8D8D8D;
	
}
.parallax-window {
    min-height: 500px;
    background: transparent;
}	
	

	.HomeNewsLink
	{
	  position:relative;
      padding: 0em 1em 0em 1em;
	}	
	
.HomeNewsLink  a, .HomeNewsLink a:visited{
	color: #323643 !important;
    font-weight:300;
	}
.HomeNewsMoreLink,.HomeNewsMoreLink a,.HomeNewsMoreLink a:link,.HomeNewsMoreLink a:visited
{
	color: #2e9fff !important;
	font-size:1.2em;
}



.NewsDetailsLink,.NewsDetailsLink a,.NewsDetailsLink a:active,.NewsDetailsLink a:visited
{
	color:#2e9fff !important;
	font-size:small;
}


.HomeNewsMore a:hover
{
	color:#59626a !important;
	text-decoration:none;
}



#HomeSecNews {
    background-color: #fff;
    padding-bottom: 6em;
    padding-top: 3em;
}

.MainNewsDesc
{
	line-height:2em;
    font-family: "GEDinkum-Light", Tahoma;
    color:#59626a;
    font-size:1.2em;
}
.HomeNewsMore {
    min-height: 3em;
    background-color: white;
    padding: 1em 1em 1em 1em;
    font-size: 1em;
    font-family: "GEDinkum-Light", Tahoma;
}

#HomeNewsMoreButton {
    background-color: #fff;
    border-color: #2e9fff;
    color: #2e9fff;
    margin-top:2em;
}

#HomeNewsMoreButton:hover {
    background-color: #2e9fff;
    border-color: #fff;
    color: #fff;
}

#bg-NewsSection
{
background-color:#dddddd;
}


#HomeSecEvent {
    background-color: #ECF1F4;
    color: white;
    padding-top: 3em;
    padding-bottom: 6em;
}


#HomeEventHeadTitle {
    margin-bottom: 1em;
    color:#323643; 
}


#HomeSecLinks {
    margin-top: 3em;
    margin-bottom: 6em;
}
#HomeLinksHeadTitle {
    margin-bottom: 2em;
}


.HomeSecEventInfo {
    margin-top: 2em;
    padding-right: 3em;
}


#HomeSecMaarifah {
    margin-top: 2em;
    margin-bottom: 2em;
}

#HomeMaarifahButton {
    background: none;
    border-color: #2e9fff;
    color: #2e9fff;
}

#HomeMaarifahButton:hover {
    background-color: #2e9fff;
    border-color: #fff;
    color: #fff;
}

#HomeSMSButton {
    background: none;
    border-color: #fff;
    color: #fff;
}

#HomeSMSButton:hover {
    background-color: #2e9fff;
    border-color: #fff;
    color: #fff;
}
#HomeSecFooter {
    padding-top: 6em;
    padding-bottom: 2em;
    background-color:#eeeeee;
}

.FooterLink
{
	margin-right:2em;
}


	.card-content
	{
	height:180px;
	}
	.card-content_research{
	height:220px;}

	.divPaddingtop
	{
	padding-top:6em;
	}


	.HomeProjArrow
	{
	color:white;
	border:0px #FFFFFF solid;
	border-radius: 0px;
	font-size:1em !important;
	vertical-align:middle;
	text-align:center;
	padding-top:0.1em !important;
	}



#bg-EventSection
{
background-color:#164678;
min-height:500px;
}

.HomeEventButton
{
	border-color:#FFFFFF;
}

.btn-outline:visited
{
	color:#FFFFFF !important;
}


#HomeEventShowMore,#HomeEventShowMore a:link,#HomeEventShowMore a
{
	font-family:	font-family: 'GEDinkum-Light' !important;
	margin-top:50px;
	font-size:2em;
	color:#59626a;
}

.HomeSecLinksTitle, .HomeSecLinksTitle a,.HomeSecLinksTitle a:visited
{
font-family: 'GEDinkum-Light' !important;
color:#59626a !important;
font-size:1.4em;
}

.HomeSecLinksTitle:hover
{
	color:#2e9fff;
	text-decoration:none;
}

#bg-ProjectSection
{
	background-color:#04834b;
}

.HeadTitle
{
	color:#323643 !important;
}

.HeadTitleWhite
{
	color:white !important;
}


.bodyTextColor,.bodyTextColor:active,.bodyTextColor:link,.bodyTextColor:visited
{
		color:#59626a;
}

.BurgerMenuItem a,.BurgerMenuItem a:active,.BurgerMenuItem a:link,.BurgerMenuItem a:visited
{
		color:#FFF;
}

.BurgerMenuItem:hover
{
		color:#59626a;
}


.bodyTextColor:hover
{
		color:#323b43;
	text-decoration:underline;
}

.PrimaryTextColor,.PrimaryTextColor a,.PrimaryTextColor a:link,.PrimaryTextColor a:visited
{
color:#2e9fff;
}
.BodyTextColorWhite
{
	color:#ffffff;
}

.btn-outline {
	background-color: transparent;
	color: white;
	transition: all .5s;
}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
	color: #fff;
}


.panel{
	border-radius: 0 !important;
}
.panel-heading
{
background-color:#808080 !important;
	color:#59626a !important;
	border-radius: 0 !important;
	padding:1em 1em 1em 1em ;
}

.panel-title a,.panel-title a:link,.panel-title a:visited,.panel-title a:hover
{
	color:#fff !important;
}

.btn{
	border-radius: 0 !important;
}


.icon-bar {
	color: black;
	border-color: black;
	background-color: black;
}
.wrapper {
	display: table;
	height: 100%;
	width: 100%;
}
.container-fostrap {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


/* Card start */

.card {
	display: block;
	margin-bottom: 30px;
	line-height: 1.42857143;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	transition: box-shadow .25s;
}
.card:hover {
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.img-card {
	width: 100%;
	display: block;
	overflow: hidden;
}
.img-card img {
	width: 100%;
	
	object-fit: cover;
	transition: all .25s ease;
}
.card-content {
	padding: 15px;
	text-align:center;
}
.card-title,.card-title a,.card-title a:visited,.card-title h3 {
	color: #323b43 !important;
	text-decoration: none !important;
	text-align:center;
}
.card-body {
	text-align:center;
	font-family: 'GEDinkum-Light';
}
.card-read-more {
	border-top: 1px solid #D4D4D4;
}

.card-read-more a {
	text-decoration: none !important;
	padding: 5px;
	
	font-weight: 600;
	text-transform: uppercase;
}

.text-center LightText
{
	color:#59626a;
}

.btn-transparent
{
	background:transparent;
}

/* Card end */



	.RDbtn
	{
			margin-top:8em;
			padding:20em 5em 5em 3em;
	
		
	}
	.btn-default.btn-transparent {
  color: #fff;
  background-color: #2e9fff;
  border-color: #2e9fff;
  padding:0.5em 4em;
  font-size:2em;
}

	


.AlfaBackground{
	/* default fallback */
background: rgb(255, 255, 255) transparent;
/* nice browsers */
background: rgba(35 , 38, 41,0.6);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
padding: 1em 1em 1em 1em !important;
color:white !important;
}


.AlfaBackground h2, .AlfaBackground h1
{
	color:white !important;
}
.BoldText{
	font-family: 'GEDinkum-Bold';
}
.LightText{
	font-family: 'GEDinkum-Light';
}
.JustifyText
{
	text-align:justify;
}






.IntMenuContainer
{
	margin-top:3em;
}


#HomeProjects
{
	height:800px;
}

#HomeProjectsImg
{
	height:1263px;
}


.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.card-read-more a,.card-read-more a:link,.card-read-more a:visited
{
	color:#2e9fff !important;
}
.infoBlock {
	position: absolute;
	
	top: 20%;
	right: 25%;
	left: 25%;
	max-width: 100%;
	padding-bottom: 0;
	overflow: hidden;
	padding: 20px;
	color: #FFF;
	text-align: center;
}
.btn-blue {
    -webkit-border-radius: 25px;
    border-radius: 25px !important;
    border: none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    transition: all .5s;
    background-color:#2e9fff !important;
    padding: 1em 6em 1em 6em;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;  
    font-size:1.14em;
}
.btn-blue:hover{
 background-color:#257fcc !important;
   
	
} 
.infoBlock h1 {
	font-size: 2.5em;
	line-height: 1.2;
	margin: 0;
	
	color: #FFF;
	font-weight:600;
}
.infoBlock h2 {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0;
	
	color: #FFF;
	font-weight:300;
}
.Banner-Title
{
    padding-bottom: 2.1em;
}
.Banner-SubTitle
{
    padding-bottom: 2.1em;
}


.infoBlock p {
	font-size: 14px;
	margin: 4px 0 0;
}
@media screen and (min-width: 481px) and (max-width: 800px) {

.infoBlock {
	
	height: auto;
	max-height: 100%;
	min-width: 100%;
	left: 5px;
	right: auto;
	font-size: 12px !important;
}
.infoBlock h1 {
	font-size: 2.2em !important;
	
}
.infoBlock h2 {
	font-size: 1em !important;
	
}
.btn-blue {
padding: 0.7em 3em 0.7em 3em !important;
}
}
@media screen and (max-width: 480px) {


.infoBlock {
	
	height: auto;
	max-height: 100%;
	min-width: 100%;
	left: 5px !important;
	right: auto;
	font-size: 12px !important;

}
.infoBlock h1 {
	font-size: 2.2em !important;
	
}
.infoBlock h2 {
	font-size: 1em !important;
	
}
.btn-blue {
padding: 0.7em 3em 0.7em 3em !important;



}

}

@media screen and (min-width: 0px) and (max-width: 800px) {

.infoBlock {
	
	height: auto;
	max-height: 100%;
	min-width: 100%;
	left: 5px;
	right: auto;
	font-size: 12px;
}
.infoBlock h1 {
	font-size: 1.8em !important;
	
}
}
.rsMinW .rsBtnCenterer {
	top:40% !important;	
	}
.rsMinW .rsPlayBtn {
	
	width:91px !important;
	height:91px !important;	
	border-radius: 55px !important;
	background-color: #2e9fff !important;

}

.rsMinW .rsPlayBtnIcon {
	width:91px !important;	
	height:91px !important;	
	border-radius: 55px !important;		
	background:url(/SiteCollectionImages/blue-play-button.svg) no-repeat 0 0px !important;
	
	border:none !important;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color:#257fcc !important;
}
@media screen and (max-width: 786px) 
{
	.rsMinW .rsPlayBtnIcon 
{
	width:65px !important;	
	height:65px !important;
	background:url(/SiteCollectionImages/blue-play-button-xs.svg) no-repeat 0 0px !important;	
}
	.rsMinW .rsPlayBtn 
{
	
	width:65px !important;
	height:65px !important;	
}
}
.news-main-tilte {
    color: #323b43 !important;
    font-size: 22px !important;
    line-height: normal;
}