@font-face {
/*font-family: "Arabic_Fonts" ;
	src: url('../fonts/Arabic_Fonts.eot');
	src: url('../fonts/Arabic_Fonts.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Arabic_Fonts.woff2') format('woff2'),
    	 url('../fonts/Arabic_Fonts.woff') format('woff'), 
		 url('../fonts/Arabic_Fonts.ttf')  format('truetype'),
  		 url('../fonts/Arabic_Fonts.svg#Arabic_Fonts') format('svg'); 

}
*/
font-family: "Arabic_Fonts" ;

src:url('/Style Library/Cabinet/fonts/Arabic_Fonts.ttf')  format('truetype');
src:url('../fonts/Arabic_Fonts.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Arabic_Fonts.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Arabic_Fonts.woff2') format('woff2'), /* Pretty Modern Browsers */
    url('../fonts/Arabic_Fonts.svg#webfont') format('svg'); /* Pretty Modern Browsers */

}
_::-webkit-full-page-media, _:future, :root {
letter-spacing:-1px;
}


#s4-workspace * , #s4-workspace *:after, #s4-workspace *:before{box-sizing:border-box}
#s4-workspace * img{max-width:100%}
a , a:focus , a:active{outline:none}

.cbs-List .cbs-pictureImgLink img {
	
	position: static!important;
}
.suggest-container {
    padding-top: 40px;
}
.empty-message p{margin-top: 50px!important;font-size: 21px;color: #0a316b}
/* General */
.mrgT10{margin-top:10px}
.mrgT20{margin-top:20px}
.mrgT30{margin-top:30px}
.mrgT40{margin-top:40px}
.mrgT50{margin-top:50px}

.mrgB10{margin-bottom:10px}
.mrgB20{margin-bottom:20px}
.mrgB30{margin-bottom:30px}
.mrgB40{margin-bottom:40px}
.mrgB50{margin-bottom:50px}
.overFlowAuto{overflow:auto}


div[id$=ParentControlsDiv]{margin-top:40px}


.ads-slider .ms-webpart-zone, .ads-slider .ms-webpart-cell-vertical, .ads-slider .ms-webpart-chrome-vertical {
            		display: block;
				}
				.owl-item img {
	max-width: 100%;
}


.bxslider .owl-item, .bxslider2 .owl-item {
	
	border:none;
}
.bxslider{
	overflow: hidden;
    width: 100%!important;
    height: 320px!important;
 }
 .bxslider2 {
	overflow: hidden;
    width: 100%!important;
   
 }

.bxslider .owl-item img ,.bxslider img {
    width: 100%;
    height: 320px!important;
}
.bxslider2 .owl-item img , .bxslider2  img {
    width: 100%;
    height: 250px;
}
@media screen and (max-width: 991px) {.bxslider2 .owl-item img , .bxslider2  img {
   margin-bottom:15px;}
   }


/*ad slider

@keyframes slidy {
0% {right: 0px;}
50% {right: -550px;}
100%{right: 0px;}

}
#ad-slider {    overflow: hidden;
    height: 300px; }
#ad-slider figure a {
	float:right;
	max-width:100%;
}
#ad-slider figure img{
	max-width:100%;
}
#ad-slider figure { 
  position: relative;
  margin: 0;
  right: 0px;
  width: 500%;
  text-align: right;
  font-size: 0;
  animation: 15s slidy infinite; 
}
*/
.ms-cui-dd-arrow-button {
	
	height:12px;
}
.mfp-image-holder .mfp-content {
    max-width: 75%!important;
}
img.mfp-img {
	/*height:90vh!important;*/
}
.mfp-close {
	background-color: #fff!important;
    border-radius: 50%!important;
    padding: 5px 8px!important;
    color: #000!important;
    border: 2px solid #6f6868!important;
    line-height: normal!important;
    width: auto!important;
    height: auto!important;
    min-width: 1px!important;
}
#framediv {
	float: left;
    width: 49%;
        margin-top: 20px;
    }
#framediv iframe {
	
	float: left;
    width: 100%;
        height: 300px;
}

/*search results*/

.ms-searchCenter-result-main {
	
	float:none!important;
}
.ms-srch-item-body{
	display:block !important;
}


/*suggestions list*/ 
.suggest-post {
    padding: 10px;
    margin-bottom: 10px;
    border-right: 2px solid #00a0ce;
}

.reply {
    margin-right: 10px;
    padding: 10px;
    background: #e8e8e8;
    text-align: justify;
}

.suggest-container p {
    margin: 0px!important;
}
.suggestion-cont {
    padding-top: 40px!important;
    padding: 0;
    }
.capcha{
	float:right;
	width:100%;	
	
}
#recaptcha_area{
	
	direction:ltr;
	float:right;
}
.suggest-btn {
	float:right;
}
.suggest-btn .feedback-btn {
	padding: 7px 14px;
    font-size: 14px;
    margin-right: 10px;
}

/***************************/
.alignC {
    color: #0a316b;
}
.latest-news .alignC {
	font-size: 21px;
}
.search-box {	
	float: left;
    margin-right: 10px;
        margin-top: 4px;
}

/*firefox issues*/
@-moz-document url-prefix() { 
.complain-item-details span {
     font-size:12px!important;
  }
}
/*IE issues*/

	/*.owl-loaded {
	
	height:216px;
   }*/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){

     *::-ms-backdrop, .owl-loaded {
		height:216px;
   		} /* IE11 */
   		.owl-loaded {
		height:216px;
   		} /* IE10 */

   }
   .help-block {
	
	color:red!important;
}

/*#MSOZoneCell_WebPartWPQ3, #MSOZoneCell_WebPartWPQ4, .mediaBreadCrumb {
	
	display:none;
}*/
.mediaBreadCrumb {
	
	display:none;
}

.ms-core-overlay {
	height:auto!important;
	width:auto!important;
}
#s4-workspace{overflow:visible}
form{
	margin-bottom:0
}
.quote-cont {
	
	float:left;
}

.qoute-slider.owl-carousel .owl-nav .next-btn i, .qoute-slider.owl-carousel .owl-nav .prv-btn i {
	border: none!important;
    color: #000!important;
    background-color: #ccc;
    opacity: 0.7;
}
.qoute-slider.owl-carousel .owl-nav .prv-btn, .qoute-slider.owl-carousel .owl-nav .next-btn {
	background:0;
}

.qoute-slider.owl-carousel .owl-nav{
	right: auto;
    left: 0;

}
.qoute-slider.owl-carousel.owl-item{
	border:0;
}
.qoute-slider.owl-carousel .owl-nav .next-btn{
	margin-left: 50px;

}
.qoute-slider-social {
    position: absolute;
    left: 40px;
    bottom: 12px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.5);
}

.facebook-social i {
    color: white;
    background-color:#02314f;
    padding:8px 9px;
}
.twitter-social i {
    color: white;
    background-color:#006db8;
    padding:8px 7px;
}
.facebook-social, .twitter-social {
    float:right;
    margin:7px;
    cursor:pointer;
}
.owl-dots {
    position: absolute;
    left: 45%;
    bottom: 5px;
    z-index: 1;
}



.qoute-slider .owl-dot.active {
    background: #00a0cd;

    border-radius: 10px;
}

.qoute-slider .owl-dot {
    background: #fff;
    padding: 6px;
    border-radius: 10px;
    float:right;
    margin:5px;
}



.latest-news-body .date-text-small {
	width:auto!important;
}
/*breadcrumb styles*/

a.breadcrumbRootNode {
display:none;

}
.BreadCrumbWrap span:nth-child(2) {
	
	display:none;

}
.BreadCrumbWrap {
    width: 100%;
	
padding-top: 35px;
	

} 
.breadcrumbNode {
	
	color:white!important;
}
.BreadCrumbWrap span:nth-child(odd) {
	
	color:white;

}

.breadcrumbCurrentNode {
	
	    color: gainsboro;
	    
}
.beta {
	display: inline;
	
}
.beta img {
	width: 127px;
}

/*Pager styles*/

.AspNetPagerClass {
	
	margin-bottom:20px;
	text-align:center;
	font-size:16px;
	clear:both;
	}
.AspNetPagerClass span {
    border: 1px solid #00a0cd;
    border-radius: 50%;
    color: #00a0cd;
    display: inline-block;
    padding: 0;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 32px;
}
.AspNetPagerClass a{
	
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color:	#00a0cd;
	display: inline-table;
}

.AspNetPagerClass a:hover {
	
	color:	#00a0cd;
}
.AspNetPagerClass a[disabled] {
    color: #555;
    cursor: default;
}

.AspNetPagerPagingButtonsClass:hover {
   text-align: center;
   line-height: 22px;
   border-radius: 50%;
  

	
}
div[id$=aspNetContentPager] .AspNetPagerPageIndexBoxClass ,div[id$=aspNetContentPager]  .AspNetPagerSubmitButtonClass{display:none}



/*news styles*/
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .date-text-small.month{margin-right:30px!important}
   .date-text-small.year{margin-right:-30px!important}
   }*/
  #imgurlid{ 
         position: absolute; 
    left: 31px; 
    bottom: 8px; 
    color: white; 
    cursor: pointer; 
    background: #00a0cd; 
    padding: 7px; 
} 
.news-video{ 
    float: left; 
    width: 50%; 
    height: 50%; 
}
.fancybox-title span.child {
	
	white-space:normal;
}
.fancybox-title-float-wrap {
	margin-bottom:-75px!important;
}
.news-img {
    overflow: hidden;
    height: 330px;
}
.news-img .ms-rtestate-field .ms-rtestate-field img {
        max-width: 100%;
        min-width:100%;
        height: 330px;}
.latest-news-header {
    background-image: url(../images/Breadcrumb.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 35px;
    padding-bottom: 35px;
}
.latest-news-header h1 {
	color:white!important;
}
.latest-news-header .section-header .header-text a{
    color:white;
}
.latest-news-header .section-header .header-text:after {
    background-color: white;
}

.latest-news-header ol {
    list-style: none;
    margin-top: 26px;
    display: inline-block;
    padding-right: 15px;
}
.latest-news-header ol li {
    color: white !important;
    float: right;
    margin-left: 10px;
    
}
.latest-news-body {
    padding-top: 40px;
    padding-bottom: 40px;
}
.latest-news-body .date-number-small {
	
	line-height:27px!important;
}
.social-btn-grp {
    float: left;
    margin-top: 36px;
    padding:0;
}
.social-btn {
    padding: 6px 19px;
    border-radius:0;
    transition:all .4s;
    background: rgba(255, 255, 255, 0.79);
}
.social-btn-facebook:hover {
    background-color: #003151!important;
    color:white;
}
.social-btn-twitter:hover {
    background-color: #026eb9;
    color:white;
}
.social-btn-grp .fa {
    ;
    padding: 10px;
    position: relative;
    right: -5px;
    top: -1px;
    color: white;
}
.social-btn-grp .fa-facebook {
    background: #003151;
    padding-left: 14px;
    text-align: center;
}
.social-btn-grp .fa-twitter {
    background: #026eb9;
}
.news-text {
        padding: 0 15px;
}
.news-text h3 {
    margin-top:10;
}
.news-text * {
    text-align: justify!important;
    font-size: 14px!important;
    line-height: 1.5!important;
    font-family: Arabic_Fonts!important;
    /*font-weight: 200!important;*/
}


/********** styles for SP menu Nav by @AK *************/
.ms-srch-sb-searchLink:hover, .ms-srch-sb-navLink:hover {
    background: transparent;
}
.menu-item-text {
	
	font-weight:500;
}
.nav-menu {
	
	    padding-top: 12px;
}
a.selected::after {
	content: " ";
    display: block;
    background: #00a0cd;
    height: 6px;
    width: 100%;
    position: relative;
    top: 20px;
    border-radius: 50px; 
       }
ul.static {
	padding-right: 0px;
}
ul.dynamic {
	    width: auto!important;
	    white-space:nowrap;
}
li.dynamic:last-child{
	border:none;
}
li.dynamic {
	
display: list-item;
	
list-style: none;
	
margin-bottom: 5px;
	
padding: 2px;
	
width: 100%;
border-bottom:1px solid #e2e2e2;
}
/***********New Styles to tweak for sharepoint*****************/
.important-issues  .report-1-item .news-info{

min-height:235px;
}


.report-2-item .news-info p {
display:none;
}
.important-issues .report-2-item .news-info {
	
	min-height:115px;
}

.important-issues .report-3-item  {
	
	  margin-top: -115px;}
.ms-backgroundImage{ overflow-y: scroll}
 

/***********sharepoint override*****************/
#contentBox {
    margin-right: auto;;
    margin-left: auto;;
    min-width: 0;
    min-height: 726px;
}
#s4-bodyContainer {
    padding-bottom: 0;
}
.ms-webpartzone-cell {
    margin: auto auto;
}

/***********survey section sharepoint override*****************/
.survey .ms-webpart-zone {
    display: block;
}
.survey .ms-webpart-cell-vertical {
    display: block;
}
.survey .ms-webpart-chrome-vertical {
    display: block;
}
.usefull-links .ms-webpart-zone {
    display: block;
}
.usefull-links .ms-webpart-cell-vertical {
    display: block;
}
.usefull-links .ms-webpart-chrome-vertical {
    display: block;
}

.usefull-links h1{line-height:40px!important}
/************************Override sharepoint customization***********/
header * , section * ,footer * {  
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 }

/*******body*****/

body{
  font-family: 'Arabic_Fonts';overflow:visible
}
section{
  margin-bottom: 40px;
}
.mar-t10{
   margin-top: 10px;
}
.mar-t20{
   margin-top: 20px;
}
.overflow-hidden{
  overflow: hidden;
}
.more :hover {
  color: #4c5665;
  transition: all 0.3s  linear 0s;

}
.more span {
    padding-left: 10px;
}

/*************************************************Header*****************************/
.top-bar {
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
  padding: 10px 0;
}
.nav-menu {
	
	    padding-top: 12px;
}


.logo-text {
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
logo a:hover  , a:focus{
	text-decoration:none;
}

.logo-text h4{
  font-size: 16px;
  font-weight: bold;color: #2b2b2b;
}

.social-icons{
  padding-top: 20px;
  text-align: left;
}
.social-icons div:not(:first-child) {
  display: inline-block;
}
.social-icons-container{
  display: inline;
}
.social-icons-container a{
  color: #fff;
}
.search-home-container{
  position: relative;
}
.search-button-home{
background: #ddd;
position: absolute;
left: 0;
background: transparent;
border: none;
top: 3px;
left: 10px;
}
.search-input-home{
  background: #ddd;
  border: none;
  border-radius: 30px;
  padding: 4px 7px;
  width: 128px;
}
input.search-input-home:-ms-input-placeholder {
font-family: 'Arabic_Fonts';
color: #333;
font-size: 14px;
font-weight: normal;
line-height: 14px;
padding-top: 0px;
padding-bottom: 0px;
}
.lang-toggle{
  position: relative;
}
.lang-button{
  background: #ddd;
  color: #000;
  border-radius: 30px;
  padding: 0px 20px;
  position: relative;
  font-size: 14px;
}
.lang-button-arabic{

     left: 13px;

}
.lang-button-arabic a{
      vertical-align: middle;
}
.lang-toggle-container a:hover{
      text-decoration: none;
}

.lang-button-active{
  background: #00a0ce;
  z-index: 10;
}
.lang-button-active  {
  color: #fff;
}
.facebook-icon{
  color: #fff;
  background: #033152;
  border-radius: 50%;
  padding: 0px 10px;
  display: inline-block;
  line-height: 28px;
}
.facebook-icon:hover{
  background: #4c5665;

}
.youtube-icon{
  color: #fff;
  background: #cd201f;
  border-radius: 50%;
  padding: 0px 7px;
  display: inline-block;
  line-height: 28px;
}
.youtube-icon:hover{
  background: #4c5665;
;
}
/**************************************Slider***************************/
.carousel-caption .date-text span {
	margin:0;
}
.carousel-caption{
  height: auto;
  width: 60%;
  background-color: rgba(255, 255, 255, .8);
  left: 1%;
  right: auto;
  bottom: 3%;
  padding: 0px;


}
.carousel-caption h1{
    color: #434c59;
    text-align: right;
    text-shadow: none;
    padding: 2% 6%;
    margin: 0px;
    font-weight: bold;
    font-size: 1.8em!important;
    line-height: 35px!important;
}



.carousel-caption p {
  color: #434c59;
  text-align: right;
  text-shadow: none;
  padding: 0 6%;
  margin: 0px;
  font-size: 1.2em;

}
.carousel-caption a {
  text-align: right !important;
  text-shadow: none;
  margin:  1% 6%;
  font-size: 1.3em;
  color: #00a0cd;
  display: block;
  width: auto;
  text-decoration: none;
}

.carousel-caption .date{
  right: -75px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    height:500px;
    max-height:500px;

  
    margin: auto;
}

.carousel-indicators li{
  background-color: #808080;
  width: 13px;
  height: 13px;
}
.carousel-indicators {

  bottom: -40px;
}
@media screen and (min-width: 768px){
.carousel-indicators {
    bottom: -55px;
}
}

.carousel-indicators .active {
  background-color: #00a0cd;
  width: 14px;
height: 14px;
}
/*************************************Section****************************/
.latest-news-header .section-header .header-text {
font-size: 22px;
line-height:1.4;
}

.section-header .header-text{
font-size: 30px;
font-weight: bold;
color: #4c5665;
margin-top: 0px;
margin-bottom: 0px;
}
.section-header a:hover{text-decoration:none}

.section-header .header-text:after{
    content: "";
    background-color: #00a0cd;
    width: 40px;
    height: 5px;
    position: absolute;
    border-radius: 10px;
    margin-top: 10px;
    bottom: -9px;
    right: 17px;
}
.latest-news .section-header .header-text:after{
    bottom: -10px!important;
}

/*************************************feedback-banner-section**********************/
.feedback-banner{
	margin-bottom: 35px;
	    height: 250px;
    background-position: top right;
    background-size: cover;

}
.feedback-banner-item{
  background: url("../images/feedback-banner.jpg") ;
  background-repeat:no-repeat;
  height: 270px;
  background-position: center;
}


blockquote {
    position: relative;
    margin:0em 0.5em 0 0.5em;
    padding: 1em 0em 0em 0em;
    color: #fff;
    border-right: none;
    font-size: 21px;
    line-height: 36px;
    font-weight: 600;
}
/* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */
blockquote:after {
    position: absolute;
    font-size: 2em;
    line-height: 1;
    bottom: -36px;
    left: 40px;
    content: "\201C";
}
blockquote:before {
    position: absolute;
   /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float:right;
    font-size:2em;
    line-height: 1;
    right: -20px;
    top: 0.1em;
    content: "\201D";
}
.cite-wrapper cite{
    text-align:right;
    color: #fff;
    display: block;
    line-height: 1.42857143;
    padding-right: 13px;
    font-style: normal;
    font-size: 18px;
    margin-top:15px;
}
blockquote footer cite {
  font-style: normal;
}
.feedback-btn, .btn-return, #AdvancedLink{
  background-color: #00a0cd!important;
  border-radius: 30px;
  color: #fff!important;
  padding: 4px 43px;
  border: none;
  font-size: 1.1em;
  margin-right: 40px;
  margin-top: 15px;
  display: inline-block;
}
#AdvancedLink{
margin-right:auto;
}
.btn-return{
	margin-right:0px;
}
.btn-return a {
	color:white;
}

.feedback-banner a{
	color:#fff;
}



.feedback-btn:hover, .participate-btn:hover , .VoteButton:hover {
    background-color: #4c5665!important;
    transition: all 0.4s, height 0s!important;
}
.VoteButton:hover {
    border-color: #00a0cd !important;
    color:#00a0cd !important;
    background-color: #f4f4f4 !important;
    
}


/************************************News-section********************/
.latest-news{

}
.news-item{
  margin-top: 15px;
}
.news-banner-container{
background-color: #f4f4f4;
position: relative;
    max-height: 220px;
    overflow:hidden;
    min-height: 220px;
}

.news-banner{
  background-repeat:no-repeat;
  background-size:cover;
  min-width: 100%;
  min-height: 220px;
  max-height: 220px;
  
}

.news-info{
background-color: #f4f4f4;
margin-top: 0px;
padding: 15px;
height: 270px;


}

.news-info h3{
  font-size: 18px;
  font-weight: bold;
  line-height:1.3;
  color: #4c5665;
  margin-top: 10px;
}

.news-info p{
  font-size: 13px;
  color: #4c5665;
  text-align: justify;
}

.news-info a {
  color: #00a0cd;
  text-decoration: none;
  font-size: 1.1em;
}



/************************************date**********************************/
.date{
  width: 100px;
  height: 100px;
  position: absolute;
  right: 15px;
  top: 0;


}
.date-number{
  background-color: #00a0cd;
  font-size: 3.5em;
  color: #fff;
  text-align: center;
  line-height: 75px;
  vertical-align: middle;
  width: 100%;
  height: 75%;
}
.date-text{
  background-color: #0075a1;
  color: #fff;
  text-align: center;
  line-height: 25px;
  width: 100%;
  height: auto;
}

.date-small{
/*  width: auto;
  height: 30px;*/
  position: absolute;
  right: 15px;
  bottom: 15px;


}
.date-number-small{
  background-color: #00a0cd;
  color: #fff;
  text-align: center;
  display: inline-block;
  
/* width: 75%;
  height: 100%;
  */
  padding:3px 8px;
  line-height: 25px;
}
.date-text-small{
  background-color: #0075a1;
  color: #fff;
  line-height: 25px;
  /*width: 25%;
  height: 100%;*/
  padding:4px 8px;
}


.news-item .date-text-small , .folderCont .date-text-small , .photoFrame .date-text-small {
	padding: 2px 8px;
	
} 
/*****************************important-issues-section********************/
.important-issues .news-info{
  height: auto;
  padding-right: 40px;

  /*margin-top: 25px;*/
}
.important-issues .news-info h3{
  margin-top: 5px;

  /*margin-top: 25px;*/
}

.important-issues-container{
  padding-right: 90px;
  margin-top: 10px;
  padding-left: 15px;


}
.second-imp-issues{
  min-height: 115px;
}


/************************************survey-section********************/
.survey-row{
margin: 0px -30px;

}
.survey-container{
  display: table;
  border-collapse: separate;
  border-spacing: 30px 0px;
  width: 100%;
}



.survey-item {
  background-color: #f4f4f4;
  margin-top: 10px;
  display: table-cell;
  vertical-align: top;
  max-width: 0;
}
.ads-item .survey-banner-image{
  background-repeat:no-repeat;
  background-size:cover;
  height: 300px;
  background-position: center;


}
.survey-banner-image{width:100%}
.survey-item .complain-item-banner{
  background: url("../images/survey-feedback-banner.jpg") ;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  height: 90px;

}
 .complain-item-header h3 {
  font-size: 24px;
  color: #4c5665;
  font-weight: bold;
  padding: 25px;
  line-height: 1.3;
  margin-top: 0px;
}

.complain-item-details {
  padding: 0px 10px 30px 13px;}

.complain-item-details p {
  font-size: 15px;
  color: #4c5665;
      padding-right: 20px;
    margin-bottom: 0px;
    width:105px;
}
.complain-item-details span {
  font-size: 13px;
  color: #4c5665;
  font-weight: bold;
  padding-right: 5px;
}
.complain-item-details i {
    padding-right: 20px;
    margin-bottom: 10px;
}


.complain-item-details .telephone-logo{
  height: 20px;
  width: 20px;

}
a.right.carousel-control, a.left.carousel-control {
    z-index: 50;
}

.complain-item-details .globe-logo{
  font-size: 1em;
  color: #4c5665;
}

.poll-item .feedback-item-banner{
  background: url("../images/feedback-banner1.jpg") ;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  height: 90px;
  
}

.poll-item input[type=radio] {

	/*position:absolute;*/}

.PollLnks{
	margin-top: 50px;
}
.feedback-item-header h3{
  font-size: 21px;
  color: #4c5665;
  font-weight: bold;
  padding: 25px 25px 15px 25px;
  line-height: 1.3;
  margin-top: 0px;
}
.feedback-item-details {
  padding: 0px 25px 30px 25px;
}

.participate-btn , .VoteButton{
  background-color: #00a0cd!important;
  border-radius: 30px!important;
  color: #fff!important;
  padding: 5px 24px!important;
  border: none!important;
  font-size: 1.1em!important;
  border :1px solid #00a0cd !important;
}





.feedback-item-details a {
  display: inline-block;
  margin: 6px 3px 0 0;
  color: #4c5665;
  font-size: 1.1em;
  text-decoration: underline;;
}
.feedback-item-details a:hover{
  text-decoration: none;
}



/*************************************Guide-Section************************/

.egypt-guide {
  background: url("../images/egypt-guide.jpg") ;
  background-repeat:no-repeat;
  background-size: cover;
  height: 250px;
  background-position: center;
  padding-top: 100px;
  font-weight: 400;

}

.egypt-advice{
  background: url("../images/egypt-advice.jpg") ;
  background-repeat:no-repeat;
    background-size: cover;
  height: 250px;
  background-position: top left;
}

.egypt-guide .egypt-guide-text-en{
margin: 0px;
text-transform: uppercase;
color: #fff;
text-align: left;
padding-left: 20px;
font-family: sans-serif;
line-height:1em;
}
.egypt-guide .egypt-guide-text-ar{
margin: 0px;
text-transform: uppercase;
color: #fff;
text-align: left;
padding-left:65px;
line-height:1em;
}

.egypt-guide .egypt-guide-text-ar small{
color: #fff;

}
.egypt-guide .egypt-guide-text-en small{
color: #fff;

}


/*************************************usful-link-section-Section************************/

.usefull-links{
  margin-bottom: 0px;
  border-top:2px solid #c9c9c9;
}
.usefull-links .header-text{
  padding-top: 30px;
  padding-left: 30px;
}
.owl-item {
  border-left: 2px solid #c9c9c9;

}
.slider-item {
  padding-top: 35px;
  min-height: 206px;
  text-align: center;
  }
.slider-item a {
  text-decoration: none;
  color: #4c5665;
  font-size: 1.2em;
  }
  .slider-item a:hover {
    text-decoration: underline;
    color:#00a0cd;
    }
.usefull-links .owl-carousel .owl-item img{
  width: 95px;
  height: 80px;
  margin: auto;
  display: block;
}

.owl-carousel .owl-item img{width:360px;margin:0 auto}
.usefull-links .owl-carousel {
  border-right: 2px solid #c9c9c9;
}
/*
.owl-item + .owl-item{
    border-right: 1px solid #999;
}*/

.usefull-links .header-text {
  line-height: normal;
}


.owl-carousel .owl-nav  {
      position: absolute;
      right: -22%;
      top: 160px;
}
.owl-carousel .owl-nav .next-btn i{
  border-radius: 50%;
  padding: 0px 9px 0px 18px;
  text-align: center;
  border: 2px solid;
}
.owl-carousel .owl-nav .prv-btn i{
  border-radius: 50%;
  padding: 0px 18px 0px 9px;
  text-align: center;
  border: 2px solid;
}
.owl-prev{
  display: inline-block;
  float: left;
  padding: 3px;

}
.owl-next{
  display: inline-block;
  float: left;
  padding: 3px;

}

.prv-btn , .next-btn{
  color: #4c5665;


}
.prv-btn:hover, .next-btn:hover{
  color: #00a0cd;
}
/*************************************Footer****************************/
#footer {
	position: relative;
    bottom: 0;
}

.footer-lists {
  background: #5b5b5b;
  color: #b5b5b5;
}
.footer-lists ul {
  list-style: none;
  padding: 0px;
  margin: 10px 0px;
}
.footer-lists li:first-child {
	font-weight: bold;
    margin-bottom: 10px;
}
.footer-lists ul li a{
color: #b5b5b5;

}
@media screen and (max-width: 767px) {
     .copyright-social-container , .copyright-text-container {
          text-align: center;
      }
   }



.bottom-bar{
  background: #646464;
  color: #b5b5b5;
  text-align: center;
  padding: 30px 0px;
}

.copyright-text-container{
	padding-top:8px;
}
footer .social-icons-container{

  padding: 0px 15px;
}
footer .facebook-icon{
  background:   #c1c1c1;
}
footer .youtube-icon{
  background:   #c1c1c1;
}


/* FAQ page Ar by AK*/
.FAQCat .faqImg{background:url("/Style%20Library/Cabinet/Images/minuss.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 11px;width: 16px;margin-left: 8px;}
.FAQCat .expand{background:url("/Style%20Library/Cabinet/Images/pluss.png") no-repeat scroll 0 0 transparent;transition: all .4s;}
.FAQLnk .faqImg{background:url("/Style%20Library/Cabinet/Images/minuss.png") no-repeat scroll 0 5px transparent;display: inline-block;height: 14px;width: 15px;margin-left: 8px;}
.FAQLnk .expand{background:url("/Style%20Library/Cabinet/Images/pluss.png") no-repeat scroll 0 0 transparent;height: 11px;}

.DivisionsContainer {
	
	padding: 40px 15px;
	width:80%!important;
}


a.cat-title{
	background: #00a0ce;
	color: white;
	padding: 10px;
	width: 100%;
	float: right;
	transition: all .4s;
	margin-bottom: 10px;
	margin-top: 10px;
}
a.cat-title:hover
{
 	color: white;
 	text-decoration: none;
 	background: #0072c6;
}
a.cat-title:visited, a.cat-title:focus {
	color: white;
	text-decoration: none;
	background: #0072c6;
}   
 
 .question {
	background: #e8e8e8;
	color: #5b5b5b;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
	margin: 10px 0px;
	padding-left: 12px;
	border: 1px solid #dadada;
	width: 100%;
	line-height: 3;
	float: right;
}

.answer {
	display: block;
	background: #efefef;
	padding: 4px 24px;
	border: 1px solid #dadada;
	padding: 10px 10px;
	border-top: none;
	text-align: justify;
	float: right;
	width: 100%;
	margin-top: -10px;
}
.answer p {
	
padding: 0px 20px;
}







 /*image gallery*/
 .folderCont {
 	overflow:hidden;
 }
 .mediaThumbAndDes {
	
	height:220px;
}
 .folderThumbCont:hover {
 	 	box-shadow: none;
 	 }
.folderThumb {
	width: 70%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    }
.folderThumbCont .date-small {
	
	right: 12px;
    bottom: 10px;
    text-align: right;
    position: absolute;}
.folderThumbCont .date-number-small {
	
	float:none;
}
.folderThumbCont .fa-picture-o {
    position: absolute;
    top: 42%;
    transform: translate(-50% , -50%);
    left: 50%;
    font-size: 120px;
    color: #0075a1;
}
.folderThumbCont {
	
background: #fbfbfb;
	
text-align: center;
	
border: 1px solid #e0e0e0;
	
transition:all .4s;
	
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.18);
	
    height: 230px;
    position:relative;border-bottom:0
}

.folderThumbCont:hover{
	background: #f2f2f2;
}
.mediaDescription {
    background: #f4f4f4;
    border: #e4e4e4 1px solid;
    height: 100px;
    padding: 10px;
}
.mediaDescription h3{
	
color: #444444;
	
margin: 0;
	
text-align: right;
	
font-size: 16px;
}
.mediaDescription i {
	
	display:none;
}
.albumDate
{
    background: #0066b1;
    text-align: left;
    padding: 4px;
    float: left;
    margin-top: 7px;
    border-radius: 2px;
    position: relative;
    top: -35px;
}
.albumDate span {
	
color: #ffffff;
}
.mfp-title {
	text-align:center!important;
	padding-right:2px!important;
	margin-bottom:10px;
}
.photoFrame {
	border: 1px solid #e0e0e0;
	transition:all .4s;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.18);
	border-radius: 3px;
	overflow:hidden;
	text-align: center;
	height: 230px;
	position:relative;
}

.photoFrame .date-small {
	    right: 10px;
    	bottom: 8px;
}
.photoFrame img{
	/* opacity:.5; */
	transition:all .4s;
	width :100%;
	}
.photoFrame img:hover {
	opacity: 1!important;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: none;
	cursor: zoom-in;
}
.photo.title h3 {
	 
    color: #444444;
    margin-top: 10px;
    text-align: right;
    float: right;
    font-size: 16px;

}
.photoGalleryItem {
	margin:15px 0px;
}
 .decorationNone{
	text-decoration:none!important
}


 /*video*/
 
 .photoItem {
	
	transition: all .4s;
    min-width: 100%;
    height:100%;
    border: 1px solid #e0e0e0;
}
.noItems {   background-color: #f1f1f1;
    font-size: 20px;
    margin: 60px auto 0;
    padding: 1em;
    text-align: center;
    width: 50%;
    color: #0a316b;
}

.mediaThumbCont {
	overflow:hidden;
	height:230px;
}

/*Cabinet Line-up Styles*/
section.lineup {height:550px}
#PrimeMinisterList{float:right;width:30%;padding-left:15px}
#MinistersList{float:right;width:70%}

#PrimeMinisterList *{width: 100%}
.primeMinisterCont .primeMinisterImg{height:430px;background-position:top	;background-size:cover;background-repeat: no-repeat;}
.primeMinisterCont .caption{padding:20px 0;background-color:#ebebeb;height:105px;font-size:16px;}
.primeMinisterCont .caption h3 {margin: 0 0 16px;color: #4c5665;font-weight:bold;font-size:22px}

.thumbnail{background-color:#f4f4f4!important;border:none!important;padding:0!important;height:255px;position:relative;overflow:hidden}
.thumbnail a img{height:100%;min-width:100%}
.thumbnail .caption{width:100%;height:64px;position: absolute;bottom: 0;background: rgba(235,235,235,0.85);max-height:300px;transition: all 0.4s ease-out;overflow: hidden;color:#337ab7;opacity:1;padding:0 7px}
.thumbnail:hover .caption{max-height: 96px;transition: all 0.4s ease-in;opacity:0;height: 36px;}
.governors .thumbnail:hover .caption{max-height: 92px;transition: all 0.4s ease-in;opacity:1;height: 90px;}
.thumbnail .caption h4{color:#4c5665;font-weight:bold;font-size:16px}
.thumbnail .ministerImg{background-position:center;background-size:cover;background-repeat: no-repeat;;height:100%}
.thumbnail a.ministerCont{height:100%;overflow:hidden;display: block}
.lineup .thumbnail .caption {
    height: 96px;
}
.lineup .thumbnail:hover .caption{max-height: 64px;transition: all 0.4s ease-in;opacity:0;height: 64px;}
.tableCol-50{min-width:100%}
.tableCol-75{min-width:100%}
.PaddTB40{padding-bottom: 40px;padding-top: 40px}

/* minister Bio */
.ministerBio .ministerImg img{width:90%}
.ministerBio .ministerName{font-size:20px;color:#4c5665;margin-bottom:10px;font-weight:bold}
.ministerBio .ministerTitle{color:#337ab7;font-size:16px;margin-bottom:10px}


/*Filter Search*/
.NewsFilter .ui-widget.ui-widget-content{top:35px!important;right:5%!important;width:300px}
.NewsFilter .LabelDiv span, .LabelDiv label{font-weight:bold!important;margin-bottom:5px!important;margin-bottom: 9px!important;margin-top: 10px;display: inline-block;}
select{padding:0!important;font-size:12px!important}
.NewsFilter .datePickerInputCont i.fa-calendar{position: absolute;left: 25px;top: 5px;font-size:20px;pointer-events: none;}
.NewsFilter input[type="button"], input[type="reset"], input[type="submit"], button{ font-size:14px!important; margin-bottom: 20px!important}
.NewsFilter .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year{width:46%!important;margin:1%!important}
.NewsFilter .ui-widget-header .ui-icon{background-image:url("../images/ui-icons_444444_256x240.png")!important}
.Stick{float:left!important;    visibility: visible!important;}
.caption > div{direction:rtl}
.stamp{width:120px}
.FilterActionsInner .btn-default {
	margin-right:14px;
}


/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select {font-size:12px!important;width:104%!important}
.field .datePickerInputCont i.fa-calendar{position: absolute;left: 20px;top: 5px;font-size:20px}

}

/*landing page */
.toc-layout-main {
	
	    padding: 40px 0px;
}
.level-header {
	
    border-right: 3px solid #00a0ce;
    padding-right: 10px;

}
span.headertitle a {
	
	font-size: 22px!important;
    color: #313131;
}
.level-section>ul>li span.headertitle a{
	
	color: #4e4e4e;
    font-size: 14px!important;
    }
.level-section{margin-bottom:10px!important}
.level-item .level-header{
	
	border:none;
}


/*guide styles*/
.guide p {
	
margin: 10px 0 10px 7px ; 
	
background: #ececec;
	
padding: 10px;
    max-height: 40px;
    display:inline-block;
}
.guide p i {
	margin-left:10px;height:44px;}
.guide h3 {
	margin-bottom: 30px;
	margin-top: 31px;
}

.services-list{
	
	padding-top:20px;
}
.service-info {
	background: #e6e6e6;
    padding: 10px;
}

/*contact us page*/


.contact-us-list h3 {
	
	border-right: 3px solid #00a0ce;
    padding-right: 10px;
    margin-bottom: 20px;
}
.contact-us-list p i {
	
	margin-left:10px;
}

/*under dev*/
.stamp{width:120px}

/*Poll*/
.pollContainer > div:nth-child(3) {float: right!important;width: 30%}
.PollTotalVotes {float:right!important}

/*Most Visited news*/
.cbs-picture3LinesContainer{background-color:#f4f4f4;height:100%;min-height:100px;margin:1em 0}
ul.cbs-List{margin:30px 0;width:100%}
.cbs-picture3LinesLine1.ms-accentText2 {font-size: 18px;line-height: 30px;margin-top:12px!important}
ul.cbs-List .ms-promlink-headerNav{float:right}
.cbs-picture3LinesDataContainer{margin-left:20px}
.Prime{margin-top:60px}

h2.cbs-picture3LinesLine1.ms-noWrap {
    white-space: normal!important;
}
.ms-promlink-button-disabled{border-color:transparent!important}

.ms-core-navigation{
	font-family:"Arabic_Fonts"
}



.latest-news-header .section-header .header-text:after{
	content: "";
    background-color: white;
    width: 40px;
    height: 5px;
    position: absolute;
    border-radius: 10px;
    margin-top: 5px;
    bottom: auto;
    left: auto; 
    display: block;
}

/*Header*/
.ms-srch-sb-border{border:none;background-color:#ddd;border-radius:20px;padding:4px 5px}
.ms-srch-sb-border:hover{border:none}
.ms-srch-sb-borderFocused{border:none;background-color:#ddd;border-radius:20px;padding:4px 5px}
.ms-srch-sb > input{width:150px;    padding: 2px 0px 5px 1px;
        font-family: arial;}

.confirmation-message{
    font-size: 21px;
    margin-top: 40px;
    color: #1b4065;
}

/* FancyBox*/
.fancybox-lock .fancybox-overlay.fancybox-overlay-fixed{background-color:rgba(0,0,0,.85);overflow:visible;overflow-x: hidden;}
.fancybox-skin .fancybox-close i.fa-close{background-color: #fff;border-radius: 50%;padding: 10px;color: #000;border: 2px solid #6f6868}


.mediaPlayerContainer{width:90% !important;margin-top:30px}


/*BurgerMenu*/
.static.dynamic-children button{background-color: transparent;border: none;float: left;min-width: 20px !important;padding: 3px 10px!important;border-right:solid 1px #c0c0c0;font-size:20px!important;margin-bottom:0!important}
a[href^="/Arabic/Pages/default.aspx"] button{display:none!important}

.static.dynamic-children{padding-left:0!important}


/*Admin-add-content page*/

.admin-item{background-color: #f4f4f4;padding: 5px 10px;border-radius: 3px;border: 1px solid #e2e2e2; margin-bottom:10px; width:48%; margin-left:10px;float:right;min-height:113px;}
.admin-page h4{clear:both;}

.admin-item a{border-right:solid #0075a1 4px;padding-right:8px;margin-bottom: 5px;display: inline-block;width:100%;
}

.admin-item p:first-child {font-size:17px;	}

.admin-sub-header{text-align: right;font-size: 17px;margin-top: -6px!important;}



/*BxSlider buttons*/
div.bxslider .owl-nav{right: auto !important;top: 40%;width: 100%;left:0;padding:0 5%}
div.bxslider .owl-next{float:right!important}
div.bxslider .prv-btn i{border:none!important;color:#000!important;background-color:#ccc;opacity:0.7}
div.bxslider .next-btn i{border:none!important;color:#000!important;background-color:#ccc;opacity:0.7}


/*BxSlider2 buttons*/
div.bxslider2 .owl-nav{right: auto !important;top: 35%;width: 100%;left:0}
div.bxslider2 .owl-next{float:right!important}
div.bxslider2 .prv-btn i{border:none!important;color:#000!important;background-color:#ccc;opacity:0.7}
div.bxslider2 .next-btn i{border:none!important;color:#000!important;background-color:#ccc;opacity:0.7}
.guide div.bxslider2 span{background-color:transparent!important;margin:0;padding:0}

/*Search-Advanced*/
/*Result*/
.ms-srch-item-summary .ms-srch-item-highlightedText {
    color: #000000!important;
    font-weight: bold!important;
}
.Search-Result .ms-srch-ellipsis {
    white-space: normal;
}

#s4-workspace .Search-Result img  {
	max-width:none !important;
	
}
.ms-srch-pagingPrev {
    position: absolute;
    left: -53px;
    top: -77px;
}
.ms-srch-pagingNext {
    position: absolute;
    left: -101px;
    top: -3px;
	
}
.ms-srch-result #PagingSelf a {
    margin: 0px;
    padding: 1px 11px;
    position: relative;
    top: 1px;
    color: #0072c6;
    font-weight: bold;
    border: 1px solid black;
    border-radius: 50%;
    border-color: #00a0cd;
    }
    .ms-promlink-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 4px;
    border:none;
}
.ms-promlink-button-enabled:hover .ms-srch-pagingPrev {
	position: absolute;
    left: -53px;
    top: -77px;}
.ms-promlink-button-enabled:hover .ms-srch-pagingNext {
    position: absolute;
    left: -101px;
    top: -3px;
}
.ms-srch-result #Paging a {
    border-radius:50%;
}
/*End Result*/


.ms-searchCenter-advanced .ms-webpart-zone ms-fullWidth{display:block;}
.ms-searchCenter-advanced .ms-webpart-chrome-vertical{display:block;}
.advanced-search-chek {padding-top:20px;}
.srch-advancedtable {
    margin: 40px auto;
    background: #fcfcfc;
    padding: 30px;
    border-collapse: separate;
    border-radius: 7px;
    width:100%;
}
div.ms-advsearch-header {
    margin: 12px 0;
    color: #00a0cd;
}
.ms-advsrchText-v2box {
    width: 100%;
     height: 34px!important;
    background-color:#eee!important;
    margin: 7px 0;
    font-size: 1em;
    border-radius: 3px;
}

td.ms-advsrchText-v1 {
    padding-right: 4px;
    text-align: right;
    color: #5d6878;
    font-size: 14px;
    max-width: 60px;
    }
td.ms-advsrchText-v2{
	width: 50%;
    float: right;

}
td.ms-advsrchText-v2 select {
    color: #5d6878;
    vertical-align: bottom;
    width: 100%;
     height: 34px!important;
    background-color:#eee!important;
    margin: 7px 0;
    font-size: .9em;
    border-radius: 3px;
}
.ms-advsrchPropValue {
    font-family: verdana,tahoma,sans-serif;
    margin-right: 5px;
    vertical-align: bottom;
    width: 100%;
     height: 34px!important;
    background-color:#eee!important;
    margin: 7px 0;
    font-size: 1em;
    border-radius: 3px;
    }

.ms-advsrchbutton input[type=submit] {
    background-color: #00a0cd!important;
    border-radius: 30px;
    color: #fff!important;
    margin-top: 25px;
    display: inline-block;
    min-width: 6em;
    padding: 7px 10px;
    margin-left: 10px;
}
.ms-searchCenter-advanced .ms-srch-result {
	margin: auto;
    width: 80%;
}#footer-toggle-btn{display:none} 

.complain-item-details a {font-family:Tahoma;} 
.red {
	
	color:red;
}
#gotop-btn {
	cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 50px;
    color: white;
    background-color: #00a0cd;
    padding: 7px 10px;
    border-radius: 33px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.65);
    z-index:1; 
    
   }

i.fa.fa-play.play-vid {
    color: white;
    position: absolute;
    top: 33%;
    left: 42%;
    font-size: 37px;
    background-color: red;
    border-radius: 114px;
    padding: 20px 22px;
    opacity: 0.8;
}