@font-face {
  font-family: 'Yekan';
  src: url('../fonts/Yekan.eot?#') format('eot'), 
    url('../fonts/Yekan.woff') format('woff'), 
    url('../fonts/Yekan.ttf') format('truetype');
}
@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot?#') format('eot'), 
    url('../fonts/BYekan.woff') format('woff'), 
    url('../fonts/BYekan.ttf') format('truetype');
}
@font-face {
  font-family: 'Yekan';
  src: url('../fonts/Yekan.eot?#') format('eot'), 
    url('../fonts/Yekan.woff') format('woff'), 
    url('../fonts/Yekan.ttf') format('truetype');
}
@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot?#') format('eot'), 
    url('../fonts/BYekan.woff') format('woff'), 
    url('../fonts/BYekan.ttf') format('truetype');
}
body{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-decoration: none;
	direction: rtl !important;
	font-weight: unset;
	font-family: 'BYekan';
	font-weight: normal;
	list-style: none;
	background-color: #f8f8f8 !important;
}
a{
	list-style: none;
	text-decoration: none;
}
p{
	padding: 0;
	margin: 0;
}
body ,a ,p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,span ,ol ,li ,ul{
  font-family: BYekan !important;
text-decoration: none !important;
}

#component {
min-height: 500px;
margin: 50px 106px;
text-align: justify;
padding: 2% 5% 10% 5%;
background-color:#F3F3F3;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 6px 9px #353333;

}
.cont{
margin-right:0 !important;
margin-left:0 !important;
}
.pos2 .button{
	background: url('../images/search.png') !important;
width: 29px;
height: 24px;
background-repeat: no-repeat !important;
border: none !important;
margin-right: -12px;
background-position: 0 3px !important;
	}
#mod-search-searchword101{
    border: none;
    background: none;
    padding: 3px 10px;
    border-radius: 2px;
	width: 87% !important;
}
.search{
border: 1px solid #e6e6e6;
background: #fff;
padding: 4px 10px 4px 10px;
width: 50% !important;
border-radius: 2px;
background-repeat: no-repeat !important;
background-position: 205px 8px !important;
margin-top: 23px;
border-radius: 4px;
}
.pos1 {
    height: 120px;
}
.menu {
    background: #500850;
    border-radius: 3px;
    height: auto;
    margin: -35px 0 0 0 !important;
}
.logo {
    position: relative;
    z-index: 999;
}

.pos1 .moduletable {
    margin-top: 23px;
}
.camera_pag_ul {
    float: left;
    position: relative;
    top: -52px;
    left: 43px;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #ff4800 !important;
    width: 12px !important;
height: 12px !important;
    border-radius: 7px;
    margin: -4px 0 0 -4px !important;
}
.camera_wrap .camera_pag .camera_pag_ul li {
  background: #fff !important;
width: 12px !important;
height: 12px !important;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
    background: #fff !important;
}
.camera_caption_title {
    font-size: 24px;
    font-family: Byekan;
}
.camera_caption_desc {
    font-family: Byekan;
    font-size: 14px;
}
.camera_caption > div {
    background: rgba(0, 0, 0, 0.6) !important;
}
.defaultLayout .bt-inner .bt-title {
    background: rgba(0,0,0,0.7);
    position: relative;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: -38px;
    width: 90%;
    color: #fff;
    text-align: center;
    font-weight: 200;
    font-size: 17px;
    padding-top: 8px;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.slideshow {
        background: url("../images/shadow.png");
    background-repeat: no-repeat;
background-position: center 351px;
    margin-top: 12px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-size: 100%;
}
.defaultLayout .bt-inner img {
    outline: none !important;
    border: none !important;
}
.container.box3 {
    margin-top: 29px;
    box-shadow: 0 0 4px 3px #ccc;
    height: 325px;
}
.pic{
margin-top: 0px;
margin-left: -15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pic{
 margin-top: 0px;
 margin-left: -17px;
}}

.box4 {
    background: url("../images/bg2.png");
height: 227px;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-top: 34px;
}
.pos6 .nav.menu {
    background: none !important;
    margin-top: -3px !important;
}
.pos6 h3 {
    color: #fff;
    background: url("../images/underline.png");
    background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 11px;
}
.pos6 li {
    line-height: 13px;
}
.pos6 a {
  color:#fff;
}
.pos5 {
    margin-top: 31px;
}
.pos7 {
    margin-top: 20px;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: rgba(0,0,0,0) !important;
    color: #fff !important;
}
.box9{
    background:#1a1a1a;
}
#copy {
    text-align: left;
}
.box5{
    background:#2289d1;
}
.box2 {
    background: #fff;
      margin-top: -52px;
      padding-bottom: 29px;
}
.box9 {
    background:#300430;
    padding: 7px 0 0 0;
}
.pos3 {
    margin-top: -44px;
}

.pos4-1 img {
    margin-left:-15px !important;
    display: block;
}
.map {
    margin-top: 47px;
    box-shadow: 0 0 4px 4px #ccc;
    padding: 21px;
}


@media  (min-width:320px) and (max-width:600px){
 .camera_fakehover {     height: 112px !important; }   
}
@media  (min-width:320px) and (max-width:980px){
    .camera_caption.moveFromLeft {     display: none !important; }
    .container.box3 { height: auto; text-align: justify;}
    .pos4-1 img {     max-width: 100%;     height: auto;     margin-left: 0 !important; }
    .defaultLayout .bt-inner {margin-left: 0 !important; }
    #component {  margin: 50px 5px;}
    #copy,.pos11 p {     text-align: center !important; }
    .box4 { height: auto;}
    .pos5 table {width: 290px !important;}
 .pos1 {background-size: auto auto; height: 69px; background-size: 100%; }
    .logo img {     width: 250px;     margin-top: 6px; }
    .search {     width: 100% !important;margin-right:0; }
	.subCategoryContainer {     width: 100% !important; }
div.subCategory a.subCategoryImage img {     width: 100%;     margin: 0 !important; }
div.subCategoryContainer {float:left;width: 100%;}
.formControlLabel {     width: 100px !important; }
.formBody iframe{width: 100%;}
}
@media  (min-width:500px) and (max-width:980px){
 .subCategoryContainer {     width:50% !important; }
div.subCategory a.subCategoryImage img {     width: 50%;     margin: 0 !important; }
		div.subCategoryContainer {float:left;width: 50%;}

}
@media  (min-width:320px) and (max-width:600px){
 #component {     margin: 170px 5px 50px 5px; }
}