@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
*{margin:0;padding:0;outline:0}
body{font-family:'adobe-arabic-regular', sans-serif;font-size:14px;line-height:18px;color:#000;}
body {
  background-image: url('images/bg_img.jpeg');
 }

.templete{width:960px;
  margin:0 auto;}
.contemplete {
  margin: 0 auto;
  width: 928px;
}
.clear{overflow:hidden;}
input[type="text"], input[type="email"] {
  font-family:'adobe-arabic-regular', sans-serif;
  border: 1px solid #cfc5b6;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 5px;
  width: 400px;
}
input[type="submit"] {
  font-family:'adobe-arabic-regular', sans-serif;
  background: #f4e9c4d2 none repeat scroll 0 0;
  border:2px solid #faf9fb;
  color: #66481a;
  cursor: pointer;
  font-size: 20px;
  padding: 1px 10px;
}
input[type="submit"]:hover{background:#eace68;color:#000;}
textarea {
  font-family:'adobe-arabic-regular', sans-serif;
  height: 110px;
  margin-bottom: 10px;
  padding: 5px;
  width: 400px;
   border: 1px solid #cfc5b6;
}
.headersection {
  background: #5f4d93 none repeat scroll 0 0;
  color: #fff;
}
.logo {
  float: left;
  width: 580px;
}
.logo img {
  float: left;
 /* border-radius: 50px;
  background-color: #f4e9c4d2;
  display: block;*/
  margin-right: 15px;
  padding-bottom: 10px;
  /*padding-left: 20px;*/
  padding-top: 10px;
  width: 150px;
}
.logo h2 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 11px;
  margin-top: 24px;
  text-shadow: 2px 2px 0 #666;
}
.logo p{color:#fff;}
.social {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  text-align: right;
  width: 360px;
}
.icon {
  float: right;
}
.icon a {
  background: #daa4d2 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  font-size: 20px;
  margin-left: 3px;
  padding: 5px 10px;
}
.icon a:hover{background:#fff;color:#333}
.select_lan{
  float: right;
  margin-left: 5px;
}
.searchbtn {
  font-family:'adobe-arabic-regular', sans-serif;
  float: right;
  margin-top: 8px;
}
.searchbtn input[type="text"] {
  font-family:'adobe-arabic-regular', sans-serif;
  border:2px solid #faf9fb;
  width: 200px;
  background: #faf9fb;
  font-size: 16px;
  height: 20px;
}
.searchbtn input[type="submit"] {
  font-family:'adobe-arabic-regular', sans-serif;
  border:2px solid #faf9fb;
  border-radius: 3px;
  font-size: 18px;
  height: 33px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  cursor: pointer;
}
.searchbtn input[type="submit"]:hover{
	background: #faf9fb none repeat scroll 0 0;
	border: 2px solid #ecd78d;
	color:#cd9809;
}
.myicon {
  margin: 0 auto;
  width: 280px;
}
.myicon i {
  border: 1px solid #e90a28;
  border-radius: 5px;
  color: #e90a28;
  font-size: 180px;
  padding: 0 28px;
}

.navsection {
  direction: rtl;
  background: none repeat scroll 0 0 #f4e9c4d2;
  border:2px solid #faf9fb;
  border-radius: 5px;
  min-height: 38px;
}
.navsection ul{
  direction: rtl; margin:0;padding:0;list-style:none;text-align:center;}
.navsection ul li {
  border-left: 1px solid #faf9fb;
  border-radius: 1px;
  border-right: 1px solid #faf9fb;
  display: block;
  float: right;
  position:relative;
}
.navsection ul li:first-child{border-left: 1px solid #faf9fb;}
.navsection ul li:last-child{border-right: 1px solid #faf9fb;}

.navsection ul li a {
  color: #66481a;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  text-decoration: none;
}
.navsection ul li a:hover, #active{border-radius: 10px;background:#faf9fb;color:#cd9809;}

.navsection ul li ul {
  left: -999999px;
  border-radius: 10px;
  position: absolute;
  z-index: 999;
}
.navsection ul li:hover ul{left:0px;
  border-radius: 10px;}
.navsection ul li ul li{background:#56a3fa75;width:200px;
  border-radius: 10px;
  border-bottom:1px solid #e90a28;float: none;border-left:0px solid #52cdd6;border-right:0px solid #e90a28;}
.navsection ul li ul li:last-child{border-bottom:0px solid #e90a28;
  border-radius: 10px;}
.navsection ul li ul li a{
  border-radius: 10px;}



.item{
position:relative;
margin:200px 0;
 width:300px;
 height:200px;
 overflow:hidden;
}
.item img {
 width:300px;
 height:200px;

}
.overlay{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	top:-100%;
	transition:.8s;
}
.item:hover .overlay{top:0}



.slidersection {
  z-index:10;
}
.contentsection {
 /* background-image: url('images/bg_img.jpeg');*/
  background: #f4e9c400 none repeat scroll 0 0;
  border: 2px solid #faf9fb;
  border-radius: 5px;
  padding: 15px;
}
.maincontent {
 /* background-image: url('images/bg_img.jpeg');*/
  background: #f4e9c4b4 none repeat scroll 0 0;
  opacity: 0.9;
  font-family:'adobe-arabic-regular', sans-serif;
 /* background: #56a3fa75 none repeat scroll 0 0;*/
  border: 1px solid #ded4c5;
  float:left;
  border-radius: 10px;
  margin: 0 15px 15px 0;
  padding: 8px 15px;
  width: 606px;
}
.maincontent h2 {
  background: #f4e9c4d2 none repeat scroll 0 0;
  color: #977108;
  margin-bottom: 8px;
  padding: 10px;
  border-radius: 10px;
}
.maincontent h3 {
  background: #f4e9c4d2 none repeat scroll 0 0;
  color: #c69203;
  font-size: 24px;
  margin-bottom: 8px;
  padding: 10px;
  border-radius: 10px;
}
.maincontent h6 {
  background: #f4e9c4d2 none repeat scroll 0 0;
  color: #e4c05d;
  font-size: 20px;
  margin-bottom: 8px;
  padding: 10px;
  border-radius: 10px;
}
.maincontent h5 {
 /* background: #f4e9c4d2 none repeat scroll 0 0;*/
  color: #8d773a;
  font-size: 16px;
}
.maincontent1 {
  /* background-image: url('images/bg_img.jpeg');*/
   background: #f4e9c4b4 none repeat scroll 0 0;
 /* background: #56a3fa75 none repeat scroll 0 0;*/
  border: 1px solid #ded4c5;
  float:right;
  direction: rtl;
  border-radius: 10px;
  margin: 0 15px 15px 0;
  padding: 15px 8px;
  width: 606px;
}
.about, .about1 {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.about img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #5f4d93;
  float: left;
  height: 250px;
  border-radius: 10px/15px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 5px;
  width: 300px;
}
.about1 img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #5f4d93;
  float: right;
  height: 300px;
  border-radius: 10;
  margin-right: 10px;
  margin-left: 10px;
  padding: 5px;
  width: 300px;
}
.about1 video {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #5f4d93;
  float: left;
  height: 450px;
  border-radius: 10px/15px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 5px;
  width: 580px;
}
.about p, .about1 p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: justify;
}

 /* pagination */

.pagination{
  display: block;
  font-size: 20px;
  margin-top: 10px;
  padding: 10px;
  text-align: center
}
.pagination a{
  background: #f4e9c4d2 none repeat scroll 0 0;
  border:2px solid #faf9fb;
  border-radius: 3px;
  color: #66481a;
  margin-left: 2px;
  padding: 2px 10px;
  text-decoration: none;

}
.pagination a:hover {
  background: #faf9fb none repeat scroll 0 0;
  color: #cd9809;
}


/* pagination End  */

.notfound {
  min-height: 400px;
  padding-top: 100px;
}
.notfound p {
  font-size: 100px;
  font-weight: bold;
  line-height: 137px;
  text-align: center;
}
.notfound p span {
  color: #ff0000;
  display: block;
  font-size: 200px;
}
/*.relatedpost{}*/
.relatedpost h2 {
  background: #56a3fa75 none repeat scroll 0 0;
  border-bottom: 2px solid #5f4d93 !important;
  color: #000 !important;
  margin-bottom: 8px !important;
  margin-top: 15px;
  padding-left: 10px !important;
}
.relatedpost img {
  height: 100px;
  margin-bottom: 10px;
  width: 180px;
}
.relatedpost img:hover{opacity:0.4}
.samepost {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.samepost h2, .about h2 {
  border-bottom: 2px solid #f5a429;
  color: #93804d;
  font-size: 24px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.samepost h2 a{
  color: #683f01;
  text-decoration: none;
}
.samepost h3{
  border-bottom: 2px solid #5c554b;
  margin-bottom: 2px;
  padding: 10px 10px 10px 0;
}
.samepost h4,.about h4 {
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
}
.samepost h4 a, .about h4  a{text-decoration:none;color:#5f4500;}
.samepost img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #5f4d93;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 200px;
}
.samepost video {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #5f4d93;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 200px;
}
.samepost p {
  font-size: 16px;
  line-height: 23px;
  text-align: justify;
}
.readmore {
  float: right;
  margin-top: 10px;
  /*float: left;*/
}
.readmore a {
 /*background: #fff none repeat scroll 0 0;
  border: 1px solid #5f4d93;
  border-radius: 3px;*/
  color: #5f4d93;
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
}
.readmore a:hover{color:#e13b25;}
.addcosult {
  float: right;
  margin-top: 10px;
}
.addcosult a {
  background: rgb(236, 137, 137) none repeat scroll 0 0;
  border: 1px solid #e295dc;
  border-radius: 3px;
  color: #f6f4fa;
  display: block;
  font-size: 17px;
  padding: 4px 8px;
  text-decoration: none;
}
.addcosult a:hover{color:#f02c12;}
.sidebar {
  border-radius: 10px;
  /* background-image: url('images/bg_img.jpeg');*/
   background: #f4e9c4b4 none repeat scroll 0 0;
 /* background: #56a3fa75 none repeat scroll 0 0;*/
  border: 1px solid #ded4c5;
  float: left;
  margin-bottom: 15px;
  margin-top: 0;
  padding: 10px;
  width: 253px;
}
.samesidebar {
  margin-bottom: 10px;
}
.samesidebar h2 {
  background: #f4e9c4d2 none repeat scroll 0 0;
  border-bottom: 4px solid #cd9809;
  color: #cd9809;
  margin-bottom: 8px;
  padding: 10px;
  border-radius: 8px;
}
.samesidebar ul{padding:0;margin:0;list-style:none;}
.samesidebar ul li {
  border-bottom: 1px dashed #bf2629;
  font-size: 20px;
  padding: 5px 8px 5px 0;
}
.samesidebar ul li:last-child{border-bottom: 0px dashed #5f4d93;}
.samesidebar ul li a {
  color: #412801;
  text-decoration: none;
}
.samesidebar ul li a:hover{color:#DF5C25;}
.samesidebar p {
  margin-bottom: 10px;
}
.popular {
  margin-bottom: 20px;
}
.popular h3 {
  border-bottom: 1px dashed #5f4d93;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.popular h3 a{text-decoration:none;color:#444}
.popular img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f6bf5b;
  border-radius: 30px;
  float: left;
  height: 40px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 3px;
  width: 55px;
}
/*.popular p{}*/
.footersection{height:90px;background:#5f4d93;text-align:center}
.footermenu {
  text-align:center;
  margin-top: 20px;
  margin-bottom: 15px;
  font-style: oblique;
  font-weight: bolder;
}
.footermenu ul{padding:0;margin:0;list-style:none;text-align:center;}
.footermenu ul li{display:inline-block;}
.footermenu ul li a {
  color: #ffffff;
  font-size: 18px;
  margin-right: 5px;
}
.footermenu ul li :hover {
  color: #100a14;
}
/*.footersection p{}*/

.fixedicon {
  right:0;
  position: fixed;
  top: 175px;
  width: 60px;
}
.fixedicon img {
  width: 40px;
}
.fixedicon :hover {
  background: #e8952f6b none repeat scroll 0 0;
  border-radius: 10px;
 
}

/*Example items*/
.items{
  height: 250px;
  width: 400px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
.items img {
  height: 250px;
  width: 400px;
}
.shadow{
 background:rgba(0, 0, 0, .6);
 height: 100%;
 width: 100%;
 position:absolute;
 top:-100%;
 transition:.6s;
 -webkit-transition:.6s;
 -moz-transition:.6s;
 transition:.6s;
}
.items:hover .shadow{top:0}


 /* Style the navbar */
 #navbar1 {
  overflow: hidden;
  /*background-color: #333;*/
}


/* Navbar links */
#navbar1 a {
  float: center;
  display: block;
 /* color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;*/
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: sticky;
  float: center;
  top: 0;
  width: 960;
  border-radius: 5px;
  z-index: 1;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */

#minisearch {
  float: right;
  font-size: 15px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: inset 0 3px 2px rgba(0, 0, 0, .5);
  margin-top: 6px;
  padding-left: 5px;
  padding-right: 5px;
  height: 28px;
}

form #keyword {
  font-size: 13px;
  width: 50px;
  outline: none;
  border-radius: 12px;
  font-size: 15px;
  height: 24px;
  float: right;
  border: none;
  transition: all 0.5s;
  background-color: rgba(0, 0, 0, .0);
  margin-top: 2px;
}

form #keyword:focus {
  width: 190px
}

#minisearch label {
  display: none;
}

form #minisubmit {
  color: #fff;
  height: 20px;
  margin-top: 4px;
  float: right;
}