@font-face{
    font-family:'yekan';
    src:url('../fonts/BYekan.woff') ;

}
@font-face{
    font-family:'mitra';
    src:url('../fonts/BMitra.woff') ;

}
/*-----------------------------------------------
------------------ PUBLIC -------------------
----------------------------------------------*/
body{
	
	background-color: #000;
	font-family: 'mitra';
	direction: rtl;
}
::-moz-selection { /* Code for Firefox */
    	color: #fff;
 	background: #590004; /*#b63315; */
}
::selection {
	color: #fff;
    	background: #590004; /*#b63315; */
}
.logo{
	position: fixed;
	z-index: 500;
	right: 60px;
	top: 0;
}
.bg-header{
	height: 40px;
	background: url(../images/blog-header-bg.png) no-repeat center ;
}
.load-more{
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	background-color: #590004; /*#b63315; */
	color: #fff;
	margin-top: 55px;
	text-align: center;
	cursor: pointer;
}
#loading{
	position: fixed;
	width: 10000px;
	height: 5000px;
	background-color: #590004; /*#b63315; */
	z-index: 1000000000000;
}
#loading img{
	position: fixed;
	left: 50%;
	margin-left: -125px;
	top: 78%;
	margin-top: -250px;
	width: 251px;
}
/*========== PUBLIC ========End====*/


/*-----------------------------------------------------------------
------------------ MAIN BACKGROUND -------------------
---------------------------------------------------------------*/
#main-bg-slider{
	position: fixed;
	z-index: -10;	
	width: 100%;
}
#main-bg-slider > ul {
	padding: 0;
	position: relative;
}
#main-bg-slider > ul > li{
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	display: none;
}
#main-bg-slider > ul > li > img{
	min-width: 100%;
	min-height: 100%;
	margin-top: -23px;
}
#main-bg-slider > ul > li:nth-of-type(1){
	 display: block;
}
#main-bg-slider > ul > li > div.title{
	background-color: rgba(0,0,0,0.7);
	background: url(../images/caption.png);
	padding: 30px 40px 23px 40px;
	position: fixed;
	bottom: 0px;
	left: 60px;
	text-align: center;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 500ms ease-in-out;

	cursor: pointer;
	display: none;
}
#main-bg-slider > ul > li:nth-of-type(1) > .title{ 
	
	display: block;
}
#main-bg-slider > ul > li > div.title > h1{
	/* margin: 0; */
}
#main-bg-slider > ul > li > div.title > span{
	font-size: 13px;
	font-family: bebas Neue;
	/* letter-spacing: 0.2em; */
}
#main-bg-slider > ul > li:after {
content: '';
background: transparent url(../images/pattern.png) repeat top left;
}
/*========== MAIN BACKGROUND========End====*/


/*------------------------------------------------------------------
------------------  SIDEBAR CONTENT -------------------
-----------------------------------------------------------------*/
#main-content > .row > .left-side-bar{
	background-color: rgba(0,0,0,0.6);
	background: url(../images/caption.png);
	padding: 0;
	min-height: 600px;
	right: 0;
}

/*-----LOGO----*/
#main-content > .row > .left-side-bar > .logo-content{
	background-color: #590004; /*#b63315; */
	padding-top: 20px;
	padding-bottom: 20px; 
	text-align: center;
}
#main-content > .row > .left-side-bar > .logo-content img{
	width: 77%;
}
/*-----MENU----*/
#navbar > .toggle-menu{
	font-size: 28px;
	position: absolute;
	top: 0; 
	left: 15px;
	color: #fff;
	padding: 11px;
	display: none;
}
#navbar > ul {
	padding: 10px 0 0 0;
}
#navbar > ul > li.active{
	background-color:  #590004; /*#b63315; */
}
#navbar > ul > li > a{
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 10px 20px 10px 15px;
	margin-top: 1px;
	font-family: yekan;
	font-size: 19px;
	font-size: expanded;
	/* word-spacing: 10px; */
	/* letter-spacing: 0.15em; */
	text-align: right;
}
#navbar > ul > li{
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	display: inherit;
}
#navbar > ul > li:hover {
	background-color:  #590004; /*#b63315; */
}

/*--------- bg slider control------------*/
#main-content  .left-side-bar > .bg-slider-control {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin-left: -50px;
}
#main-content  .left-side-bar > .bg-slider-control > .bg-selector{
	text-align: center;
}
#main-content  .left-side-bar >.bg-slider-control >   .bg-selector > img{
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
#main-content  .left-side-bar >.bg-slider-control >   .bg-selector > img:hover:not(:nth-of-type(2)){
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	     -o-transform: rotate(360deg);	        
	transform: rotate(360deg);
}
footer{
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;
	color: #EAEAEA;
	font-size: 13px;
	padding: 13px;
	background-color: rgba(0,0,0,0.5);
}
footer a{
	font-size: 22px;
	color: #FFF;
	padding: 6px;
}
footer a:hover{
	color: #590004; /*#b63315; */
	text-decoration: none;
}
footer .copy-right{
	font-family: 'Areo';
	letter-spacing: 0.1em;
	direction: ltr;
}
/*========== SIDEBAR CONTENT ========End====*/


/*------------------------------------------------------------------
------------------  MAIN CONTENT -------------------------
-----------------------------------------------------------------*/
#main-content  > .row > .col-md-10{
	padding: 0;
}

#main-content  .pages-content {
	margin: 2%;
}
#main-content  .pages-content > .pages > .content{
	height: 87%;
	padding-right: 45px;
	padding-top: 8px;
	/* padding-left: 2px; */
}
#main-content  .pages-content  .pages {
	background-color: rgba(255,255,255,0.8);
	height: 100%;
	width: 80%;
	position: fixed;
	opacity: 0; 
	padding: 7px;
	padding-right: 0;
	padding-bottom: 0;
	text-align: right;
}
#main-content  .pages-content  .pages  header{
	padding: 20px 0 10px 0;
	border-bottom: solid 5px #590004; /*#b63315; */
	font-family: 'bebas Neue';
	display: inline-block;
	padding-right: 50px;
	position: relative;
	/* float: right; */
}
#main-content  .pages-content  .pages  header > h1{
	/* letter-spacing: 0.1em; */
	margin: 0;
	font-family: yekan;
}
#main-content  .pages-content  .pages .content  h3{
	font-family: yekan;
	margin-top: 12px;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 22px;
	word-spacing: 0.1em;
	float: right;  
	/* width: 70%; */
	line-height: 28px;
}
#main-content  .pages-content  .pages .content  h2{
	font-family: yekan;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	/* letter-spacing: 0.06em; */
	/* float: right; */
	margin-right: 12px;
}
#main-content  .pages-content  .pages .content  p{
	font-family: tahoma;

	font-size: 14px;
	color: #555;
	/* letter-spacing: 0.03em; */
	float: left;
	/* margin-top: 14px; */
	direction: rtl;
	/* margin-top: 14px; */
	margin-right: 5px;
}
#main-content  .pages-content  .pages .content .works  p{
    	margin-right: 70px;
}
#main-content  .pages-content  .pages .content .description-icon{
	padding: 15px;
	font-size: 20px;
	background-color: #590004; /*#b63315; */
	float: right;
	margin-top: 13px;
	color: #fff;
	margin-left: 15px;
	margin-right: 5px;
}
#main-content  .pages-content  .pages .content .row{
	margin-bottom: 15px;
}
#main-content  .pages-content  .pages .content .clear-bottom{
	height: 64px;
}
#main-content  .content .description-icon{
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	border: solid 2px #590004; /*#b63315; */
}
#main-content  .content .row .col-md-6:hover > .description-icon{ 
	background-color: #fff;
	border: solid 2px #590004; /*#b63315; */
	color: #590004; /*#b63315; */
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	     -o-transform: rotate(360deg);	        
	transform: rotateY(180deg);
}
/*-------ABOUTE------*/
#aboute .owl-carousel div{
	padding: 1px;
}
#aboute .owl-carousel div  img{
	width: 100%;
}

#aboute .owl-carousel div .details p{
	margin-top: -20px;
}
#aboute figure h2{
	font-size: 20px;
	margin-top: 4px !important;
	float: right;
}
#aboute figure a{
	width: 27px;
}


/*--------------------------------------------------
------------------  GALLERY-------------------
--------------------------------------------------*/
#gallery img{
	width: 100%;
}
#Container{
	padding: 0;
	/* margin-top: 15px; */
	width: 100%;
}
#Container .mix{
	display: none;
	width: 33%;
}
#gallery .controls{
	margin-top: 5px;
}
#gallery .controls button{
	border: 0;
	padding: 8px 13px 8px 13px;
	color: #fff;
	background-color: #590004; /*#b63315; */
	font-size: 16px;
	margin-top: 8px;
}

#gallery .controls label{
	font-size: 17px;
}
figure{
	position: relative;
	float: right;
	width: 100%;
	overflow: hidden;
	text-align: center;
	/* cursor: pointer; */
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 600ms ease;
}
figure img{
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;	
}
figure:hover {
	background-color: #000;
}
figure:hover img{
	opacity: 0.7;
}
figure.effect-zoe figcaption {
	top: auto;
	bottom: -1px;
	padding: 10px;
	height: 3.75em;
	background: #590004; /*#b63315; */
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	position: absolute;
	width: 100%;
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #fff;
	font-size: 1em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #81E069;
	text-decoration: none;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 2em;
	padding: 2em;
	color: #fff !important;
	text-transform: none;
	font-size: 90% !important;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}
figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a i::before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
figure.effect-zoe p.icon-links a i {
	margin-left: 10px;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
	font-size: 24px;
	margin-top: 4px !important;
	float: right;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	bottom: 0px;
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


/*----------------------------------------------
------------------ BLOG  -------------------
-----------------------------------------------*/
#blog{

}
.post{
	margin-bottom: 20px;
	/* text-align: right; */
}

.post  h3{
	display: inline-block;
	/* float: left; */
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	width: 70%;
}
 .post .info{
    	float: right;
    	font-family: 'Lato';
    	display: inline-block;
}
 .post  span{
	margin-left: 15px;
}
.post  span:before{
	color: #590004; /*#b63315; */
	margin-left: 5px;
}
 .post .comment-like{
	margin-top: 10px;
	float: right;
}
.post .read-more{
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	background-color: #590004; /*#b63315; */
	color: #fff;
	display: inline-block; 
	float: left;
	cursor: pointer;
}
.post .read-more:hover{
	text-decoration: none;
}
.post img{
	margin-top: 24px;
	width: 100%;
}

#single-blog .tags{
	margin-top: 15px;
	margin-bottom: 30px;
}
#single-blog .tags span{
	padding: 5px 10px 5px 10px;
	background-color: #590004; /*#b63315; */
	color: #fff;
	display: inline-block;
	margin-left: 3px;
	margin-bottom: 5px;
}
#single-blog .comments{
	margin-bottom: 40px;
}
#single-blog .comment{
	border-bottom: dotted 1px #949393;
	margin-bottom: 15px;
}


#single-blog .comment img{
	border: solid 3px #590004; /*#b63315; */
	border-radius: 45px;
	width: 70px;
	float: right;
	margin-right: 5px;
	margin-left: 10px;
}
#single-blog .comment span.name{
	font-size: 20px;
	margin-right: 13px;
	float: right;
}
#single-blog .comment span.date-time{
	font-size: 12px;
	color: #590004; /*#b63315; */
	margin-right: 21px;
}
#single-blog .comment p{
	margin-left: 84px;
	color: #000 !important;
	float: none !important;
	margin-top: 17px;
}
#single-blog .comment .reply{
	border-bottom: 0;
	border-top: dotted 1px #949393;
	margin-right: 80px;
	padding-top: 15px;
}
#single-blog .comment span.fa-reply{
	margin-right: 15px;
}
 .send-comment {
	margin-left: 15px;
}
 .send-comment label{
	display: block;
	color: #999;
	font-size: 13px;
}
.send-comment .submit-div{
	text-align: center;
}
.send-comment .submit-div button{
	padding: 15px;
	margin-top: 10px;
	background-color: #590004; /*#b63315; */
	color: #fff;
	border: 0;
}
.right-sidebar{
	padding-left: 32px;
	padding-right: 30px;
}
.right-sidebar .search input{
	border:0;
	border-bottom: solid 1px #590004; /*#b63315; */
	background: transparent;
	width: 100%;
}
.right-sidebar .search span{
	color: #590004; /*#b63315; */
	float: left;
	margin-top: -20px;
	margin-left: 5px;
	font-size: 14px;
}
.right-sidebar h4{
	font-family: yekan;
	/* letter-spacing: 0.1em; */
}
.right-sidebar   a{
	color: #590004; /*#b63315; */
	display: block;
	margin-left: 10px;
	font-family: Lato;
	font-size: 13px;
}
.right-sidebar   a:hover{
	text-decoration: none;
	color: #428bca;
}
.recent-post li{
	display: block;
	margin-bottom: 15px;
}
.right-sidebar .recent-post li time{
	font-size: 11px
}
.right-sidebar  .recent-post li a{
	color: #737272;
}
.right-sidebar  .recent-post li a:hover{
	color: #428bca;
}


/*---------------------------------------------------
------------------  CONTACT -------------------
------------------------------------------------------*/
#google-map{
	width: 100%;
	min-height: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contact i{
	color: #590004; /*#b63315; */
	margin-right: 5px;
}
#contact .profile_social{
	margin-bottom: 20px;
	/* margin-top: 10px; */
	height: 67px;
}
#contact .profile_social a{
	font-size: 20px;
	/* padding: 10px; */
	background-color: #590004; /*#b63315; */
	width: 45px;
	display: inline-block;
	height: 45px;
	border: solid 1px #590004; /*#b63315; */
	line-height: 45px;
	text-align: center;
	/* color: #fff; */
	margin-top: 10px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;	
}
#contact .profile_social a i{
	color: #fff;
}
#contact .profile_social a:hover{
	background-color: transparent;
}
#contact .profile_social a:hover i{
	color: #590004; /*#b63315; */
}
/*
END MAIN CONTENT
==========================================*/