@font-face {
    font-family: B Yekan;
    src: url(../../fonts/BYekan.woff);
}


@media screen and (max-width: 440px) {
	table {
		overflow-x: auto !important;
		display: block !important;
                
	}
        table, thead, tbody, th, td, tr { 
		display: block !important;
                border: none !important;
	}
        td { 

               padding: 0.8em !important;
	}
         tr { 

               border-top: 1px solid gray !important;
	}
	
}



body {
	font-family: B Yekan;
	
	direction: rtl;
        background-color: #fbfbfb;
}


/* Latin typography */
.latin 
{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
}


/*Header */
.logo-farsi{
    float:right;
}
.logo-latin{
    float: left;
}
.header-banner { 
	background: url(../../images/slider_background.jpg) left no-repeat; 

	border:1px solid #EEE;
	width:  100%;
        overflow: hidden;
	position: absolute; 

        background-color:black;

 }


.header-banner { 
	background: url(../../images/slider_background.jpg) no-repeat; 

	border:1px solid #EEE;
	height: 100%;
        overflow: hidden;
	position: relative; 

        background-color:black;
        max-height: 340px;
 }
 
.categories{
	border:1px solid #EEE;
}
.categories h3{
	font-size:1.2em;
	color:#FFF;
	padding:10px;
	background:#989898;
	text-transform:uppercase;
	font-family: B Yekan;
}
.categories li
{
    list-style-type:none;
}

.categories li a{
    display:block;
    font-size:0.8em;
    padding:5px 5px;
    color: #9C9C9C;
    font-family: B Yekan;
    margin:0 20px;
    background:url(../../images/drop_arrow.png) no-repeat 0;
    border-bottom: 1px solid #EEE;
    text-transform:uppercase;	
}
.categories li:last-child a{
	border:none;
}
.categories li a:hover{
	color:#989898;
}

/*Footer */
.copy_right {
	text-align: center;
        direction: ltr;
	padding: 10px 0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.copy_right p {
	font-size:0.823em;
	color: #747474;
}
.copy_right p a {
	color:#DD0F0E;
	text-decoration: underline;
}
.copy_right p a:hover {
	color:#222;
	text-decoration: none;
}


/*Services */


.services-poster
{
    background: url(../../images/services-vertical-simple.png) no-repeat center right;

}

.services-poster .logo-splash
{
    background: url(../../images/splash.png) no-repeat center center;
    background-size: 100%;
    width:300px;
    height: 300px;
    position: absolute;
    margin-right: 250px
}

.services-poster table
{
    font-size: 12px;

}

@media only screen and (max-width: 1366px) {
 .services-poster table
{
    font-size: 9px;

}



}

.services-poster td
{
   padding-top: 50px;
    height: 100px;
    vertical-align: middle;
}


.services-poster li
{
    text-indent:-17px;
    line-height: 15px;
    list-style-type:none;

}

.services-poster i
{
    color:#669900;

}

/*Fix bug of right to left issue for baguetteBox gallery viewer*/

.gallery *,
#baguetteBox-overlay *
{
    direction:ltr;
}



 /* Bootstrap */
 
 
 .container
 {
    box-shadow: 0px 0px 3px 0px rgb(150, 150, 150);
    -webkit-box-shadow: 0px 0px 3px 0px rgb(150, 150, 150);
    -moz-box-shadow: 0px 0px 3px 0px rgb(150, 150, 150);
    -o-box-shadow: 0px 0px 3px 0px rgb(150, 150, 150);
    background: #FFF;
 }
 
 .breadcrumb-item
 {
     float:right !important;
 }
 
 
  
.carousel-inner {

  height: 340px;
}
.carousel-caption
{
    right: 3%;
}

.carousel-caption h5,
.carousel-caption li {
    text-shadow: -3px 3px 1px #000000;
}