@font-face {
font-family: 'Logo_font_en';
src: url('/fonts/Emad-DianaeXtra-Normal.ttf')  format('truetype');
}
@font-face {
font-family: 'Logo_font_en_2';
src: url('/fonts/4_34.ttf')  format('truetype');
}
@font-face {
font-family: 'm_plus';
src: url('/fonts/m_plus/MPLUS1p-Bold.ttf')  format('truetype');
}
@font-face {
font-family: 'pt_sans';
src: url('/fonts/pt_sans/PT_Sans-Web-Bold.ttf')  format('truetype');
}
@font-face {
font-family: 'tajawal_regluar';
src: url('/fonts/Tajawal/Tajawal-Regular.ttf')  format('truetype');
}
body{
height:100%;
width:100%;
}
a:hover {
  text-decoration:none;
  color:#3FBFBF;
  -webkit-transition: .5s all;
}
a{
  text-decoration:none;
}
html {
scroll-behavior: smooth;
}
h1 {
text-align: center;
margin-bottom: 30px;
font-size: 30px;
font-weight: bold;
}
.p {
padding-top: 125px;
text-align: center;
}
.p a {
text-decoration: underline;
}
/* Navbar -------------------------------------------------------------*/
.navbar-light{
padding:0rem;
/*margin-bottom:2rem;*/
min-height: 80px;
background-color:#ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
font-weight:bold;
}
.navbar-dark{
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
font-size:14px;
}
.navbar-toggler {
align-self: inherit;
position: initial;
}
/*.navbar-light .navbar-brand{
padding: 0 15px;
height: 80px;
line-height: 80px;
max-width:180px;
}*/
.topNav_btn{
color:#ffffff;
}
@media (min-width: 768px) {
.navbar-light .navbar-nav > li > a {
/* (80px - line-height of 27px) / 2 = 26.5px */
padding-top: 26.5px;
padding-bottom: 26.5px;
line-height: 27px;
font-size: 16px;
/*font-weight: bold;*/
}
}
.navbar-light .navbar-nav > .active > a,
.navbar-light .navbar-nav > .active > a:focus,
.navbar-light .navbar-nav > .active > a:hover {
/*color:#22c8ff;*/

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
}
nav ul li a:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.1);
color: rgba(0, 0, 0, 0.7);
text-decoration: none;
}
/* -------------------- dropdown -----------------------------------*/
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
/*.dropdown-menu {
  background-color:#554D4D;
  color:#EDECEC;
}
.dropdown-menu li>a{
  color:#EDECEC;
}
.dropdown-menu li>a:hover{
  opacity: 1;
}
@media(min-width:  768px) {
  .dropdown-menu {
    margin-top: 0;
    transform: translateX(50%);
    position: absolute;
  }
}*/
 /*
 .dropdown-item{
    box-shadow: 2px 1px 2px rgba(0,0,0,0.5);
    color:#fff;
    border-top:1px solid #fff;
}*/
/* --------------------end dropdown -----------------------------------*/
.navbar
{
  /*border-bottom:1px solid #ccc;*/
  box-shadow: 5px 4px 5px rgba(0,0,0,0.5);
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle {
background-color: transparent;
border: 0;
}
.navbar-dark  ul li span{
color:white;
}
#lang_t_color
{
color:white;
}
.img-responsive {
    height: auto;
    width: auto;
    max-height: 72px;
    max-width: 250px;
}
/* End Navbar -------------------------------------------------------------*/
/* Floating go_top -------------------------------------------------------------*/
#go_top {
display: none;
position: fixed;
bottom: 150px;
right: 20px;
z-index: 99;
border: none;
outline: none;
background-color:rgba(0,0,0,0.5);
color: white;
cursor: pointer;
padding: 15px;
border-radius: 50%;
}
#go_top:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
/*.carousel .carousel-inner .item {
    height: 100vh;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

/* carousel fullscreen - vertically centered caption*/

.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: normal 16px sans-serif;
  position:inherit;
   bottom: 0;
   overflow:hidden;
   /* Set the fixed height of the footer here */
	padding: 45px 50px;
	margin-top: 80px;
}

.footer-distributed .footer-left p{
	color:  #8f9296;
	font-size: 14px;
	margin: 0;
}

/* Footer links */
.footer-distributed p.footer-links{
	font-size:18px;
	font-weight: bold;
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed p.footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-right{
	float: right;
	margin-top: 6px;
	max-width: 180px;
}

.footer-distributed .footer-right a{
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color:  #33383b;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-left: 3px;
}
/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		text-align: center;
	}

	.footer-distributed .footer-right{
		float: none;
		margin: 0 auto 20px;
	}

	.footer-distributed .footer-left p.footer-links{
		line-height: 1.8;
	}
}

.footer-icons>a:hover{
  animation-name:pulse;
}
.footer-center>i{
    background-color: #3b5998;
}
#fb:hover{
  background-color: #3b5998;
}
#tw:hover{
  background-color: #00acee;
}
#yo:hover{
  background-color:  #c4302b;
}
#ins:hover{
  background-color: #E1306C;
}
#post_meta{
  text-align:left;
  font-size:12px;
/*  border: 1px solid #ccc;*/
  background: #F6F5F5;
  padding: 5px 10px;
  /*border: 1px solid gray;*/
}
#post_meta a {
  font-family: helvetica;
  text-decoration: none;
  margin:0 auto;
  color:#4C5157;
/*  text-transform: uppercase;*/
}
#post_meta  a:hover {
  text-decoration: none;
  margin:0 auto;
  color:#3685EC;
  -webkit-transition: .5s all;
}
.post_content{
  text-align:left;
  font-size:200px;
}
.post_title{
  font-weight:bold;
  /*background-color:#22c8ff;*/
  /*color:#ffffff;*/
}
.caption div {
    box-shadow: 0 0 5px #C8C8C8;
    transition: all 0.3s ease 0s;
}
.icon-circle{
  border-radius:50%;
       height:200px;
       width:200px;
       margin:0 auto;
}
.solid_title{
  font-weight:bold;
  font-size:30px;
}
/*
Sidebars ----------------------------------------------------------------------------
*/
.normal_sidebar_title{
padding:5px;
font-weight:bold;
}
.normal_sidebar_widget{
padding-left:5px;
margin:5px;
font-weight:bold;
}
.custom_sidebar_scroll{
  height:300px;
 overflow-y: scroll;
}
/*----------------------------------------------------------------------------------------*/
 .scrollbar {
     background-color: #F5F5F5;
     float: left;
     height: 300px;
     margin-bottom: 25px;
     margin-left: 22px;
     margin-top: 40px;
     width: 65px;
     overflow-y: scroll;
 }

 .force-overflow {
     min-height: 450px;
}
.media-body a {
  font-family: helvetica;
  text-decoration: none;
  margin:0 auto;
  color:#4C5157;
/*  text-transform: uppercase;*/
}
.media-body a:hover {
  text-decoration: none;
  margin:0 auto;
  color:#3685EC;
  -webkit-transition: .5s all;
}
.media-body a:active {
/*  color:*/
}
.media-body a:visited {
  /*color: green;*/
}
.media-body h5 {
font-size:16px;
padding-left:10px;
margin:0 auto;
}
@media(min-width:768px){
  .img-rfluid{
  max-width:540px;
  max-height:540px;
  }
}

.page_not_found{
padding:20px;
color:#4C5157;
font-weight:bold;
}
#article_content{
  font-size:18px;
  font-family:sans-serif;
}
@media screen and (max-width: 575px) {
 .ft-wpbs .page-link {
 font-size: .7rem;
 padding: .3rem .45rem;
 }
}
#title_post{
  background:transparent;
  border-bottom:0;
  padding-bottom:0;
}
#title_post a {
  font-family: helvetica;
  text-decoration: none;
  margin:0 auto;
  color:#4C5157;
/*  text-transform: uppercase;*/
}
#title_post  a:hover {
  text-decoration: none;
  margin:0 auto;
  color:#3685EC;
    -webkit-transition: .5s all;
}
#info_media_content{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  width:200px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: N;
  line-height: X;
  max-height: X*N;
}
#info_media_icon{
  color:#2462C0;
}
#info_media_icon:hover{
  color:#868B97;
  -webkit-transition: .5s all;
}
#info_media_icon h4,p{
  color:#252222;
}
.iframe-container{

    width: 100%;
  /*  padding-bottom: 56.25%;*/ /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
}
.align_{
  text-align:left;
}
.serv ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
.serv ul li {
  list-style: none;
  flex: 0 0 33.3333%;
}
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
  margin:0 auto;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
  text-decoration: none;
}
.widget {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
}

.widget-title {
  position: relative;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: rgba(0,0,0,0.7);
  padding: 12px 12px;
}

/* widget title text */
.widget-title > .widget_name {
  position: relative;
  background: #ffffff;
  padding: 5px 15px 5px 0px;
  z-index: 1;
}

/* widget underline beside the title */
.widget_dash:after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  top: 25px;
  border-bottom: 1px solid #cccccc;
  z-index: 0;
}
.jmb_btn{
  margin:2px;
}
@media (min-width: 768px) {

}