body{
	background-color: #EEE;
	
}
a, a:hover {
	color:#129b00;
	text-decoration: none;
}
.footer{
	background-color: #333;
	color: #eee;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font: normal 18px sans-serif;

	padding: 45px;
	margin-top: 80px;

}

 
.main_post{
	
	background-color: white;
	padding:  5px ;
	border: 1px;
	color: #777;
	margin: 15px 0px 15px 0px;
	    width: 100%;
		min-width: 100px;
		height: 290px;
}
.main_post h4{
	font-size: 1rem;
	
}
.logo_center{
	
	text-align: center;
	padding: 20px;
	
}
.post-img {
	
	width:260px;
	height:130px;
	object-fit: contain;
}

.slide-img {
	
	width:2000px;
	height:600px;
	object-fit: cover;
}



.post-p{
	
	font-size:.8rem;
}
.announc{
	background: white;
	/*min-width: 220px; */
	
}
.announc .announc-body{

	padding: 10px;
	width: 105%;
}
.announc h2{
	background: #7faf48 ;
	color: white;
	font-size: 1rem;
	padding: 10px;
	
	
}
.announc-body ul{

  list-style-type: none;
  padding-right: 10px;
  font-size: 1rem;
}
.announc-body li{

border-top: 1px solid #eee;
 padding-top: 10px ;

}
.carousel-caption h5 a {
	 display: block;
	background-color: rgba(127,  175,  72,  0.7);
	color: white;
	height: 50px;
	padding: 10px 0; 
	
	border-radius: 10px;

	
	
}
.slide-excerpt {
	
	display: block;
	background-color: rgba(255, 255, 255, 0.7);
	color: rgba(50, 50, 50);
	
	padding: 5px 0;
	
	border-radius: 10px;
}
.single-post-img{
	height:auto;
	max-height:400px;
	object-fit: contain;
}

.iframe-container {
	
	/* min-width: 450px; */
}

.widget ul li a {
	list-style: none;
	color: #0073aa;
	    text-decoration: none;
		
}
#sidebar ul > li div ul > li {
    
    border-top: 1px solid #eee;
   
   
}
#sidebar ul  {
    list-style: none;
    padding-inline-start: 15px;
}
.all-news-div {
	background-color: white; padding: 10px; margin: 15px 0px 15px 0px; border-radius: 20px;
}
.all-news-div p {
 font-size: 1.5rem;
}
.single-page-div p , .single-page-div ul , .single-page-div li {
 font-size: 1rem;
 padding: 0 0 0 20px ;
  text-align: justify;
}
.single-page-div{
	padding-right: 50px;
}
.single-page-div h3{
	 font-size: large;
}
.widgettitle{

		 font-size: 1rem;

} 

.norm_row , .sfsi_wDiv{
	position: unset ! important; 
}
.numbers::before{
    opacity: 0.6;
}
.next_prev{
	margin: 20px auto 30px;
	width: 300px;
	text-align: center;

}
.next_prev a{
	display: inline-block;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 5px;
}
.next_prev a:first-of-type{
	margin-left: 10px;
}
.widget_collapsed_archives_widget {
	width: fit-content;
}

.single-page-sidebar{
	padding-right: 015px;
}


.sectors_img{
	  border-radius: 50%;

}

.zoom {
  background-color: green;
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.wp-pagenavi {
float:right;
}
.wp-pagenavi a, .wp-pagenavi span {
    
    float: right
    }


.icontext1 {
    float: right;
    width: 100%;
    display: block;
    margin: auto;
    text-align: center
}
.numbers img{

	    display: inline-block;
    height: 100px;
    text-align: center;
    width: 100px;
        display: block;
    margin: auto;
}

.numbers .col-lg-2 {
	margin-bottom: 10px;
	    width: auto;
}
.numbers .col-lg-12{
	margin-bottom: 10px;
}
#you{
	width: 100%; 
	height: 315px;
}

@media only screen and (max-width: 1000px) {
	.slide-img {
	
	height:600px;
	object-fit: cover;
}
.post-img {
	
	width: 60%;
	height:350px;
	object-fit: cover;
	display:block;
    margin:auto;
}
.main_post  h4{
	font-size: 3rem;
}
	
.container{
	width:100%;
	max-width: fit-content;
	}
	.main_post{
		height:fit-content;
	}
	.main_post p{
		font-size: 2rem;
	}
	.announc-body ul{
		font-size: 2rem;
		width:100%;
	}
	.announc h2{
		font-size: 3rem;
	}
	#you {
    width: 100%;
    height: 635px;
}
.the_post_date{
	font-size: 2rem;
}
.single_post_div {
	padding: 10px;
    margin: 15px 0px 15px 0px;
    border-radius: 20px;
    font-size: 2rem;
}
.single-page-div p , .single-page-div ul , .single-page-div li  , .single-page-div h3 {
	 font-size: 2rem!important;
}
#mega-menu-wrap-bootstrap-menu #mega-menu-bootstrap-menu > li.mega-menu-item > a.mega-menu-link{

	font-size: 3rem;
}
} 

.single_post_div {
	padding: 10px;
    margin: 15px 0px 15px 0px;
    border-radius: 20px;
}
button, input, optgroup, select, textarea{
	font-size: small;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}


.menu-centralmangsmenu-container {
  width: 300px;
}

/* reset our lists to remove bullet points and padding */
.menu, .sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* make ALL links (main and sub-menu) have padding and background color */
.menu a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: #000;
}

/* add hover behaviour */
.menu a:hover {
    background-color: #C5C5C5;
}


/* when hovering over a .menu item,
  display the sub-menu inside it.
  we're changing the sub-menu's max-height from 0 to 200px;
*/

.menu li:hover .sub-menu {
  display: block;
  max-height: 500px;
}

/*
  we now overwrite the background-color for .sub-menu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.sub-menu a {
  background-color: #cccccc7a;
}

/* hover behaviour for links inside .sub-menu */
.sub-menu a:hover {
  background-color: #C5C5C5;
}

/* this is the initial state of all sub-menus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.sub-menu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 2s ease-out;
}


ul.menu > .menu-item-has-children > a::after {
    content: "▼";
    padding-right: 3px;
}
.pnl_GridView2{

	width: 91%;
    margin-right: 5rem;
    direction: rtl;
}
.sfsi_shortcode_container .norm_row.sfsi_wDiv{
	width: unset !important;
}

table {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: right;
  border-collapse: collapse;
}
table td, table.wp-block-table th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table tbody td {
  font-size: 13px;
}
table tr:nth-child(even) {
  background: #D0E4F5;
}
table thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
  border-left: none;
}

table tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table tfoot td {
  font-size: 14px;
}
table tfoot .links {
  text-align: right;
}
table tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.mejs-controls{
	    direction: ltr;

}
.icons
{

	z-index: 1000;
	position: fixed;
	top: 30%;
	width: 200px;
	display: flex;
	flex-direction: column;

}
.icons a
{
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px;
	font-size: 22px;
	font-family: 'oswald', sans-serif;
	margin: 2px;
	text-align: left;
	border-radius: 50px 0px 0px 50px;
transform: translate( 130px, 0px);
color: white;

transition: all 1s;
}
.icons a:hover
{
	transform: translate(0px, 0px);
}
.icons a:hover i
 {
	transform: rotate(-20deg);
}
.icons a i
{
	margin-right: 25px;
	background-color: white;
	height: 40px;
	width: 40px;
	color: black;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;


}
.icons a i.fa-facebook-f
{
	color: #2C80D3;
}
.icons a i.fa-youtube
{
	color: #fa0910;
}
.icons a i.fa-twitter
{
	color: #53c5ff;
}
.icons a i.fa-twitter
{
	color: #3D393A;
}
.facebook
{
	background-color: #2C80D3;
	color: white;

}
.youtube
{
	background-color: #fa0910;
	color: white;
	
}
.twitter
{
	background-color: #53c5ff;
	color: white;
	
}

.wiki
{
	background-color: #3D393A;
	color: white;
	
}