*{/*#2879af*/
	   margin:0;
    padding:0;
	   box-sizing:border-box;
				direction: rtl;
}
 @font-face
 {
    font-family: myFirstFont;
    src: url('../fonts/DroidKufi-Regular.ttf');
 }
 body {
	   text-align:right;
	
	   font-family:myFirstFont;
	   background-image: url('../images/background/back.png');
       background-color: rgba(227, 249, 247, 0.4);
       background-size: 100px;
   
}
.searchform
{
	padding: 20px;
    float: left;
}
.searchform label
{
	display:none
	}
 .searchform input
 {
  padding: 5px;
 }
.searchform input[type="submit"]
	{
  
    color: #fff;
    background-color: #ff1f1f;
	}
	
.navbar{
	padding:0 !important
}
 nav
{
	box-shadow:0 0 5px 2px rgba(0, 0, 0, .5);
	margin:0 ;	
	z-index:2000;
	width:100%;
	background-color: #2879af
}
 .dropdown
{
	
	color:#eaecf0 !important;
	border:0;
	opacity:0.8;
}
 .dropdown:last-child
{
	margin-bottom:0;
	padding-bottom:0
}
 .dropdown:first-child
{
	margin-top:0;
	padding-top:0
}

.home-pag .fa,.home-pag .fas,.home-pag.fab,.home-pag.far {
    font-weight: 992;
    font-size: 1em;
    color: #b7b9bd;
	  
}
 .dropdown-item
{
	color:#333 !important;
	line-height:30px;
	text-align: right;
}
 .dropdown-item:hover
{	
background-color:#333 !important;
color:#eaecf0 !important;

}


 nav >#myNavbar> ul > li > a ,nav a
{
    color:#eaecf0 !important;
    font-size: 1.2em;
	   display:inline-block !important;
    padding:20px 0
}
 .navbar-brand{
	 padding:20px 40px ;
		color: #eee;
		
}
 nav >#myNavbar> ul > li 
{
  margin-left:20px ;


}
 nav > ul > li:first-child
{
  margin-right:50px ;
}
 nav >#myNavbar> ul > li:hover
{	
    background-color:#111 !important;
    cursor:pointer;

}
 a:hover
{
	color:#121212
	}
.home-pag .col-md-3 {  
    max-width: 20%;
}


.home-pag .card
{	
	display:inline-block;
	width:24%;
	margin: 5px auto;
	background-color: unset;
	transition:all 0.2s  ease-in-out;
	border:2px solid #4b4e4e
	/*box-shadow:0 0 5px 2px rgba(0, 0, 0, .5);*/
}
.home-pag .card .card-body p,h4
{
   height:70px	
}

.home-pag .container
{
	box-shadow:0 0 5px 2px rgba(0, 0, 0, .5);
	border:1px solid #eee;
	margin:0 auto;
	display: flex;
    flex-wrap: wrap;
	padding:0;
	max-width:1166px;
	margin-bottom:20px;

}
.home-pag  .row
{
	margin: 15px 0;
	width: 100%;
	direction:rtl
}

.home-pag .card-group{
	position:relative;
	margin-top:-30px;

	color: #fff;
	z-index: 101;
}
.home-pag .carousel-indicators
{
	bottom: 70px;
	z-index: 101;
}
.home-pag .carousel-control-prev {
    left: 0;
	z-index: 101;
}
.home-pag .carousel-control-next {

    right: 0;
    z-index: 101;
}

@keyframes SliderTitle {
  0%{
		visibility: visible;
	    transform: translatex(1000px);
	}

				
100%{
		visibility: visible;
        transform: translatex(0);
	}
					
}

@keyframes SliderParagraph {
  0% {
        visibility: visible;
        transform: translatex(-600px);
	}

  100%{
	    transform: translatex(0);	
		visibility: visible;
      }
}
@keyframes SliderCarouselCaption {
  0% {
	    visibility: visible;
	    transform: translatex(-600px);
    }

100%{
	   transform: translatex(0);
	    visibility: visible;							
	}
}
.carousel-caption {
     	visibility: hidden;
        position: absolute;
		content: '';
		display: block;
		margin: auto;
	    padding: 10px;
		
        bottom: 200px;
		
		animation: SliderCarouselCaption 2s 2s ;
		animation-fill-mode: forwards
}
.carousel-caption .post-title
{
	visibility: hidden;
	font-size: 2.2rem;
	animation: SliderTitle 2s 2s;
    animation-fill-mode: forwards;
    text-shadow: 2px 3px 3px #312b2b;
	    word-spacing: -6px;

}
.carousel-caption p
{
	position: relative;
 visibility: hidden;
	padding-bottom: 20px;
	animation: SliderParagraph 2s 2s;
 animation-fill-mode: forwards;
     text-shadow: 1px 1px 1px #3a3737;
}


.home-pag .mt-3{
	margin-top:0 !important;
	
	text-align:right
}
.home-pag .obacitylayer{
	width: 100%;
	height: 556px;
	background-color: #000;
	opacity: 0.7;
	display: none;
	z-index: 100;
	visibility: visible;
	position: absolute;
	top: 0;
	left:-1366px;
	content:''
}

.home-pag #myCarousel2
{
	width: 100%;
	height: 500px;
	display: block;
	position: absolute;
	top: 0;
}
.home-pag #myCarousel2 >.carousel-inner
{
	overflow: visible !important;
}
.home-pag .Title
{
    
    background-color: #136ca5;
    margin: auto;

    display: block;
    text-align: center;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    text-shadow: 1px 1px 1px #000;
    color: #fff !important;
    margin-bottom: 25px;
    font-weight: bolder;

    font-size: 30px;
    padding: 5px;


}

.home-pag .Title{
  overflow: hidden;
  position: relative;
}
.home-pag .Title span {
  z-index: 200;
}
.home-pag .Title:after {
  background: #8aacac;
  content: "";
  height: 155px;
  left: -100px;
  opacity: 0.2;
  position: absolute;
  top: -20px;
  -webkit-transform: rotate(35deg);
   transform: rotate(35deg);
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 60px;
  z-index: 1;
}

.home-pag .Title:hover:after {
  left: 120%;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}

.home-pag .state
{
	
	background:rgb(19, 108, 165)!important;
	padding-bottom:80px;
	padding-top:80px;
	color:#fff;
	background-attachment:fixed;
	margin:30px auto;
	width:100%
}
.home-pag .state i{
	font-size:50px;
}
.home-pag .state-items h2{
	font-size:42px;
	font-weight:bold;
	color:#fff;
}
.home-pag .state p
{
 letter-spacing:1px;
font-weight:bold;
   
}
.home-pag .state span p
{ display: inline-block;}
.home-pag .accordion {

  max-height: 550px;
}
.home-pag  .accordion__title {
 
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.125em;
}
.home-pag .accordion__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-pag .accordion__item {
  border-bottom: 1px solid #eee;
  visibility: hidden;
 
}
.home-pag .accordion__item:last-child {
  border-bottom: 0;
}
.home-pag .accordion__item.is-active .accordion__itemTitleWrap::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.home-pag .accordion__item.is-active .accordion__itemIconWrap {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home-pag .accordion__itemTitleWrap {
  display: flex;
  height: 2.5em;
  align-items: center;
  padding: 0 1em;
  color: #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.home-pag .accordion__itemTitleWrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: #3bade3;
  background: linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #136ca5 100%);
  z-index: 1;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.home-pag .accordion__itemTitleWrap.is-active::after, .accordion__itemTitleWrap:hover::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.home-pag .accordion__itemIconWrap {
  width: 1.25em;
  height: 1.25em;
  margin-left: auto;
  position: absolute;
  z-index: 10;
  left:10px
}
.home-pag .accordion__itemTitle {
  margin: 0;
  font-family: 'industry', sans-serif;
  font-weight: 300;
  font-size: 1em;
  position: relative;
  z-index: 10;
}
.home-pag .accordion__itemContent {
  font-size: 0.875em;
  height: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 0 1.25em;
}
.home-pag .accordion__itemContent p {
  margin: 2em 0;
}
.home-pag .pt-4 {
    padding-top: 1.5rem !important;

    color: white;
}
 .footerLogo
{
	background-color:#e4e4e4;
    width:350px !important;
    height:200px
}
.home-pag .mx-auto p i
{
	margin-left:10px;
}

footer a
{
text-decoration:none;
color:#88c3e8
}

.home-pag .say_about_us
{
	   background-image:url('../images/syasAboutUs/back.jpg');
    background-size: cover; 
   
    margin: auto;
    position:relative;
	   min-height:550px;
	   overflow:hidden;
	   margin-bottom:20px;
}
.home-pag .say_about_us:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);  
}
.say_about_us .mySlides img
{border-radius:50%;
width:100px;
height:100px
}
.say_about_us .mySlides h3 a
{
	   color:#cfd0ff;
    font-weight: bold;
	letter-spacing: 2px;
    font-style: italic;
	font-size: 40px;
}





/*.home-pag .part-content:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);  
}
*/

.home-pag .say_about_us ul{
	  list-style:none;
	  margin:20px auto;
	  max-width:1000px;
	  z-index:20;
      position:relative;
}
.home-pag .say_about_us ul li img,p,h3
{
	margin:10px auto;
}
.home-pag .say_about_us p
{
				color:#d0d0d0;
				direction:ltr;
				text-align: justify;
    text-justify: inter-word;
}

.home-pag .say_about_us h3
{
	direction:ltr;
color:#e9d49b;
}
.home-pag .say_about_us ul li img
{
	transition:all 1s ease-in-out
}
.home-pag .say_about_us ul li img:hover
{
	cursor:pointer;
	transform: rotate(360deg);
	
}             

 .home-pag .say_about_us ul li{
	 position:absolute;
	 top:0;
     display: flex;
     justify-content: space-between;
     flex-direction: column;
	 transition:all 1s ease-in-out;
	 width:1000px;
	 margin:0 auto;
}


/*backface*/


.home-pag .father
{
	
	height:250px;
	position:relative;
	transition:all 1s ease-in-out;
	transform-style:preserve-3d;	
	display:inline-block;
	width:25%;
	border:1px solid #eee;
	font-size: 0rem;
}


.home-pag .father  img
{
    width: 100%;
    height: 100%;
}


.home-pag .carousel-img
{
	width: 100%;
	height:556px;
}


/*end backface*/



 #SocialButtons> div >ul >li
	 {
		margin:0;
		width: 40px;
	 }
#SocialButtons> div >ul
	{
		      float: left;
        margin-left: 35px;
    }
 #SocialButtons .fab
	 {
   color: #fff;
         padding: 10px;
         border-radius: 50%;
         width: 40px;
		       height:40px;
         text-align: center;
		       font-size: 1.2em;
	        margin:0
	 }
	 
.fa-facebook-f 
{
	background-color: #3B5998 ;
}
.fa-youtube
{
	background-color: #e62117;
} 
.fa-twitter{
	background-color: #55acee;
} 
.fa-telegram-plane	 
{
	background-color: #0088cc;
} 
.fa-telegram-plane:hover,.fa-twitter:hover,.fa-youtube:hover,.fa-facebook-f:hover 
{
	background-color:#121212;
}

@media(max-width:445px)
{
	.home-pag.col-md-3{
		display:block;
		max-width:100%
	}
	
	
	.home-pag.card-group ,.father,.Title,.advNews,.advNews .Title,.say_about_us,.Top{
		display:block;
		width:100% !important;		
	}
.say_about_us ul li{
	 margin:auto;
	 width:100%;	
     }
.say_about_us ul{

	  max-width:80%;

     }
 .say_about_us
	 {
		 height:auto;
			
	 }
	.home-pag .footerLogo
	 {	background-color:rgb(180,212,200);
    width:285px !important;
    height:200px;
	overflow:hidden;
	}
	.home-pag.footerLogo img{
		width:240px
		}
	footer hr
	{
		max-width:285px;
	margin:auto
	}

}
 
@media only screen and (max-width: 780px) and (min-width: 446px)

{

	
	.home-pag.card,.advNews .Title
	{
		display:block;
		width:50%
	}
	.home-pag.father
	{
		width:49%;
		display:inline-block;
		margin:0 
	}
	
	.home-pag.card-group ,.Title,.advNews,.say_about_us,.Top{
		display:block;
		width:100% !important;		
	}
	.home-pag.card-group{
		margin-top:20px
	}
	.home-pag.say_about_us ul li{
	 margin:auto;
	 width:100%;	
     }
	 .home-pag.say_about_us ul{

	  max-width:80%;

     }
	 
	 

}
body{
	background-color: #eee;
}

.main-post
{
	padding:20px;
	background-color:#fff;
	border:1px solid #d8d8d8;
	margin-bottom:30px;
 text-align: right;
	 
}
.col-sm-4
{
	 z-index:20;
}
.main-post h3{
	margin:0 0 10px;
	font-weight: bold;
	color:#777;
	letter-spacing: -1px;
	font-size: 1.3rem;
}
.main-post img
{
	display: block;
	margin: 10px 0 10px;
}
.main-post i
{
	color:#999
}

.main-post .post-author,
.main-post .post-date,
.main-post .post-comments
{
	font-size:12px;
	float: right;
 margin-bottom: 15px;
}

.main-post .post-content{
	line-height: 1.7em;
	color:#888;
	clear: both;
	
}
footer{
	background-color: #333;
	color:#eee;
	padding:20px;	
	bottom:0;
	left:0;
	width:100%;
}
.post-pagination
{
	margin: 0 auto 30px;
 text-align: center;
	display: flow-root;
}
.post-pagination a,.post-pagination span{
	display:inline-block;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}
.post-pagination a:first-child,
.post-pagination span:first-child
{
	float:left;

}

.post-pagination a:last-child,
.post-pagination span:last-child
{
	float:right;

}
.post-pagination a:hover{
	background-color: #333;
	color:#fff;
	text-decoration: none
}
.post-pagination a:first-of-type
{
	margin-right: 10px
}
.post-pagination span
{
	opacity:0.5;
	cursor: not-allowed;
}

.post-pagination .previous-span
{
	margin-right: 10px;
}
.post-pagination .next-span
{
	margin-left: 10px;
}

.single-post
{
	position:relative;
	margin-top: 20px;
}
.single-post .post-edit-link
{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	background-color:#eee;
	border-radius:0 0 10px 0;
}
.single-post .post-edit-link i
{
	color:#337ab7;
	margin-left:5px;
	
}
.comments-list ul
{
	list-style:none;
	margin:0;
	padding:0
}
.comments-list >.comment{
	background-color: #fff;
	padding: 10px;
	border:1px solid #ddd;
	margin-bottom: 15px;
}
.comments-list >.comment>.children>.comment
{
	background-color: #eee;
	padding: 10px;
	border:1px solid #ccc;
	margin-top: 10px;
}
.comments-list >.comment>.children>.comment .comment
{
	background-color: #ddd;
	padding: 10px;
	border:1px solid #aaa;
	margin-top: 10px;
}
.comments-count
{
	padding:20px;
	background-color:e2e2e2;
	font-weight:bold;
	font-size:24px;
	margin-top:0;
	color:#909090;
	border:1px solid #dedede;
}

.comments-list .comment .says
{
	display:none
}
.comments-list .comment img
{
	   padding:3px;
				background-color:#fff;
				margin:0 5px 5px 0;
				border:1px solid #ccc;
}
.comments-list .comment .comment-metadata a{
	color:#b5b5b5;
	font-size:12px
}
.comments-list .comment p
{
	margin-top:8px;
	color:#6f6f6f;
}
.comments-list .comment-body
{
	position:relative
}
.comments-list .comment-body .reply
{    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    border-radius: 0 0 10px 0;
    background-color: #eee;
}
.comments-list .comment-body .reply a
{
	    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.comment-respond  label
{
	  display:block;
			color:#888;
			margin:0 0 10px 6px
}
.comment-respond    input[type="submit"]
{
	margin-top:6px
}
.comment-respond    input[type="text"],
.comment-respond textarea
{
		height:40px;
		width:100%;
		padding:10px;
		border:1px solid #ccc;
		border-radius:5px
}

.comment-respond  textarea
{
	height:200px;
	resize:none
}
.comment-respond  .comment-reply-title
{
	font-weight:bold;
	color:#9a9a9a;
	background-color:#e3e3e3;
	text-align:center;
	padding:15px;
	border: 1px solid #ccc;
}
.comment-respond  .comment-form
{
	background-color:#e3e3e3;
	padding:15px;
	margin-bottom:20px;
	border: 1px solid #ccc;
}

.comment-respond .logged-in-as
{
	margin:0 5px 10px;
}


.customize-support ol
{
	margin-right:35px;
}
.customize-support h2{
	margin-top:35px;
	color:#fd4848;
	font-weight:bold
}

.customize-support .post-title
{
	margin:20px auto;
	text-align: center;
}
.customize-support h2 i{
    background-color: #fd4848;
    color: #fff;
    padding: 15px;
    border-radius: 50%;
}