@charset "utf-8";
/* FRONTEND CSS
*********************************************/

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
	 url("../fonts/fontawesome-webfont.woff") format("woff"),
	  url("../fonts/fontawesome-webfont.ttf") format("truetype"),
	   url("../fonts/fontawesome-webfont.svg") format("svg");
}


html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
  padding-top:0px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding-bottom: 0px;
}
.heading-panel{clear:both;padding-top:10px;}
.heading-panel .mailh:before{
	content: "\f0e0";
    font-family: FontAwesome;
	color: rgb(247, 104, 44);
    line-height: 23px;
	float: left;
    padding-right: 10px;
}
.heading-panel .address{float:right;}
.heading-panel .address:before{
    content: "";
    color: rgb(247, 104, 44);
    font: 400 24px/28px FontAwesome;
	margin-right:20px;
	float:left;

}
.joomirnavcenter{float:right;direction:rtl;}
.mailh{float:right;}
.heading-panel .nav{padding-right:0px;}
.heading-panel .nav li {
    float: left;
    list-style: none;
}
.archivecenter h3{
    color: rgb(247, 104, 44);
}
.heading-panel .nav li i{
	display: inline-block;
    font-family:"FontAwesome";
	font-size:16px;
    text-decoration: none;
	color: rgb(247, 104, 44);
    border-radius: 50px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #deded5;
}
.heading-panel .nav li a {
    display: block;
	font-size:0px;
	padding:5px 5px !important;
}
.heading-panel .nav li a:hover {
	background-color:transparent !important;
}
.heading-panel .nav .fa-caret-down:hover{
	color:#000;}
.item-102 .fa-caret-down:before{
	content:"\f09a";}
.item-103 .fa-caret-down:before{
	content:"\f099";}
.item-104 .fa-caret-down:before{
	content:"\f0d5";}
.item-105 .fa-caret-down:before{
	content:"\f0d2";}
.item-106 .fa-caret-down:before{
	content:"\f0e1";}
.heading-panel .custom p a{
	color: rgb(247, 104, 44);
    text-decoration: none;
}
.heading-panel .custom{
}
.heading-body{clear:both;padding-top:30px;}

.logo {
		float:left;
		background:url(../../../images/logo.jpg) no-repeat;
		width:700px;
		height:89px;
}
.logo .custom p{
	font-size: 45px;
    font-weight: 800;
    color: rgb(247, 104, 44);
    overflow: hidden;
}
#menu{background-color:#f7682c;
clear:both;
    margin-top: 20px;
	font-size: 15px;}
#menu ul li{float:left;}
#menu ul li a{color:#FFF;}
#menu ul li a:hover{background-color:#2e2e2e;}
#menu ul li ul li a:hover{background-color:transparent;}
#menu ul li a:hover:before {
	position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    height: 7px;
	background: #f7682c;
    top: -7px;
    opacity: 1;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#menu ul li ul li a:hover:before {
	position: absolute;
    content: "";
    display: none;
    left: 0;
    right: 0;
    height: 7px;
	background: #f7682c;
    top: -7px;
    opacity: 1;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#menu ul li span:hover{background-color:#2e2e2e;}
#menu ul li span:hover:before {
	position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    height: 7px;
	background: #f7682c;
    top: -7px;
    opacity: 1;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#menu ul li ul li span:hover:before {display:none !important;}
#menu ul li.active {
    background-color: #2e2e2e;
	}
#menu ul li ul li.active {
    background-color:transparent;
	}
#menu ul li.active a:before {
	position: absolute;
    content: "";
    display: none;
    left: 0;
    right: 0;
    height: 7px;
	background: #f7682c;
    top: -7px;
    opacity: 1;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;

	}
#menu ul li ul li.active a:before {
	position: absolute;
    content: "";
    display: none;
    left: 0;
    right: 0;
    height: 7px;
	background: #f7682c;
    top: 2px;
    opacity: 1;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;

	}
#slide{direction:ltr;}
.menumain {
	position:fixed;
	    background-color: rgb(68, 68, 68) !important;
	z-index:50;
		top:0;
		margin-top:0 !important;
		width:100%;
		
}
.menumain ul li.active a:before {
	display:none;

	}
.menumain ul li.active {
	background-color: #2e2e2e;
}


.menumain ul ul{background-color: rgb(68, 68, 68) !important;} 


#menu ul{position:relative;}


/*#menu li a:hover{color:#383838; background: none !important; }*/
#menu ul ul{position:absolute;  padding:15px 0 0 0; display:none; background: #f7682c; z-index:100;border-radius: 0 0 5px 5px;
    width: 150px;list-style:none;} 

#menu li:hover> ul{display:block;}
#menu ul ul li{height:30px;width: 150px;}
#menu ul ul li ul li{height:40px;}
#menu li li{ background: none; clear:both;padding: 5px 3px 0px 10px; }
#menu li li a{color:#fff; text-decoration:none; font-size:14px; font-style: normal;}
#menu ul ul li.divider span{padding:0;}
#menu ul ul li.divider span:hover{background:none;}
#menu ul li span{color:#fff; text-decoration:none; font-style: normal;padding: 10px 15px;display:block;}
/*#menu li li a:hover{color:#000;}*/
#menu ul ul ul{  margin:-30px 0 0 80px;
width:150px;border-radius: 5px;}


.slideshowck.camera_wrap.camera_amber_skin{margin-bottom:0px !important;}
.camera_pag{display:none;}
.main-top{
	background-color:#2e2e2e;
	color: #fff;
	padding: 50px 0 50px 0;}
.main-top h3{	
	color:#f7682c;
}
.main-top .top1 h3:before{
	content:"";
	background:url(../../../images/top1.png) no-repeat;
	width: 72px;
    height: 63px;
	position: absolute;
	left: 11px;
}
.main-top .top1 h3{
	margin-left: 80px;
}
.main-top .top1 .custom p:first-child{
	margin-top: 56px;
}
.main-top .top2 h3:before{
	content:"";
	background:url(../../../images/top2.png) no-repeat;
	width: 72px;
    height: 63px;
	position: absolute;
	left: 11px;
}
.main-top .top2 h3{
	margin-left: 80px;
}
.main-top .top2 .custom p:first-child{
	margin-top: 56px;
}
.main-top a{
    padding: 10px 50px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin-top: 50px;
}
.main-top a:hover{
    padding: 10px 50px;
    border: 1px solid #fff;
	background-color:#fff;
    border-radius: 5px;
    color: #f7682c;
    margin-top: 50px;
	text-decoration:none;
	font-weight:bold;
}
.main-center{margin:50px 0 50px 0;}
.archivecenter{margin-top:20px;}
.archivecenter .arshiv1{float:left;}
.archivecenter .arshiv2{float:left;}
.archivecenter .arshiv3{float:left;}
.archivecenter .arshiv4{float:left;}
.arshiv1 h3:before{
    content: counter(li, decimal-leading-zero) "/";
    counter-increment: li 1;
    font-size: 50px;
    line-height: 30px;
    font-weight: 300;
    color: rgb(204, 204, 204);
	margin-left:10px;
}
.arshiv2 h3:before{
    content: counter(li, decimal-leading-zero) "/";
	    counter-increment: li 2;
    font-size: 50px;
    line-height: 30px;
    font-weight: 300;
    color: rgb(204, 204, 204);
	margin-left:10px;
}
.arshiv3 h3:before{
    content: counter(li, decimal-leading-zero) "/";
	    counter-increment: li 3;
    font-size: 50px;
    line-height: 30px;
    font-weight: 300;
    color: rgb(204, 204, 204);
	margin-left:10px;
}
.arshiv4 h3:before{
    content: counter(li, decimal-leading-zero) "/";
	    counter-increment: li 4;
    font-size: 50px;
    line-height: 30px;
    font-weight: 300;
    color: rgb(204, 204, 204);
	margin-left:10px;
}
.img-bottom{
background: rgb(46, 46, 46);}

.img-bottom .item img{
	width:100%;
	float:left;


	}
.img-bottom .item:hover .item_content{margin-bottom:0px;}
.img-bottom .item_content {
	width:100%;
	height:280px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:-280px;
	background-color: #f7682c;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	text-align: center;
	padding-top:100px;
}
.img-bottom .img_caption p{
	z-index: 40;
    height: 20px;
    padding-top: 40px;
    color: #fff;
    position: absolute;
	padding-left: 110px;
    font-size: 20px;
}


.img-bottom .item{
	float:left;
	width:20%;
	position:relative;
	overflow:hidden;}
.img-bottom .btn-info{
	background-color:transparent !important;
	border-color:#fff !important;
	margin-top:20px;}
.img-bottom .btn-info:hover{
	color: rgb(72, 70, 70);
	border-color: rgb(72, 70, 70) !important;
	}

.banner{clear:both;padding:50px 0 50px 0;}
.banner td:hover img{
	-webkit-transform:scale(1.3);
	transform:scale(1.3);}
.banner td img {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.bottomimg {
	background:url(../../../images/parallax1.jpg) no-repeat;
	height: 500px;
	background-size: cover;
	background-position: 50% 50%;
	text-align:center;
	color:#fff;
	font-size:35px;
	padding-top:50px;
}
.bottomimg a{
    padding: 10px 50px;
    border: 1px solid #f7682c;
    border-radius: 5px;
    color: #fff;
    margin-top: 50px;
	background-color:#f7682c;
}
.bottomimg a:hover{
    padding: 10px 50px;
    border: 1px solid #f7682c;
    border-radius: 5px;
    color: #f7682c;
    margin-top: 50px;
	text-decoration:none;
	background:none;
}
footer {
    position: relative;
    background-color: rgb(46, 46, 46);
    color: white;
	clear:both;
	padding:88px 0 0px 0;
}
.footer p {
    text-align: center;
    margin-top: 100px;
}
#footer .moduletable p{
	color:rgb(136, 136, 136); !important;
	font-size:12px !important;
	}

#footer h3{
    font-weight: bold;
    font-size: 24px;
    line-height: 18px;
    margin-bottom: 14px;
}
.copy {
    clear: both;
    text-align: center;
    margin-top: 50px;
    padding-top: 50px;
}
.map iframe{width:100%; height:300px;
border:0;
}
.inner{margin:100px 0;}
.blog  img{width:250px;}
.blog .items-row{width:33%;float:left;text-align: center;}
.items-row  h2 {
      font-size: 17px;
}
.item.column-1 p.readmore a.btn{
      padding: 8px 8px;
    border: 1px solid #f7682c;
    border-radius: 5px;
    color: #fff;
    margin-top: 22px;
    background-color: #f7682c;
}
.item.column-1 p.readmore a.btn:hover{
padding: 8px 8px;
    border: 1px solid #f7682c;
    border-radius: 5px;
    color: #f7682c;
    text-decoration: none;
    background: none;
}
.item.column-1 .pull-left{float:none !important;}
.items-row  h2 a{color:rgb(247, 104, 44);}
.items-row  h2 a:hover{text-decoration: none;}
ul.sigFreeClassic li.sigFreeThumb {margin-right: 15px;}
ul.sigFreeClassic li.sigFreeThumb a{border-radius: 10px;}
ul.sigFreeClassic li.sigFreeThumb img{border-radius: 10px;}
.map{margin-top:200px;}
body.front.home .map{margin-top:0px;}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}

@media (min-width: 980px) and (max-width: 1200px){
	  table td[class*="col-"], table th[class*="col-"]{float:left !important;}
  .banner table{
	  width:100% !important;}  
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	  table td[class*="col-"], table th[class*="col-"]{float:left !important;}
  .banner table{
	  width:100% !important;}
	  .blog .items-row{width:50%;}  
.item-page img{width:100%;}
     
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
		.logo {
		float:left;
		background:url(../../../images/logo1.jpg) no-repeat;
		width:450px;
		height:53px;
		}
 	.img-bottom .item{
	width: 80%;
    float: none;
    display: block;
    z-index: 2;
    position: relative;
    margin: 0px auto;
    overflow: hidden;
	}
	
  .img-bottom .img_caption{
	  width:auto !important;
	  float:none !important;
  }
  .img-bottom .item_content{
	  	height:100%;
  		margin-bottom:-100%;
		}
  table td[class*="col-"], table th[class*="col-"]{float:left !important;text-align: center;
    padding: 20px;}
  .banner table{
	  width:100% !important;}   
	  	  .img-bottom .img_caption p {
		  padding-right:250px;}
		  .blog .items-row{width:100%;}
   .item-page img{width:100%;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.logo {
		float:left;
		background:url(../../../images/logo2.jpg) no-repeat;
		width:248px;
		height:193px;
}
	.img-bottom .item{
	width: 80%;
    float: none;
    display: block;
    z-index: 2;
    position: relative;
    margin: 0px auto;
    overflow: hidden;
	}
  .img-bottom .img_caption{
	  width:auto !important;
	  float:none !important;
  }
  .img-bottom .item_content{
	  	height:100%;
  		margin-bottom:-100%;}
  table td[class*="col-"], table th[class*="col-"]{float:left !important;    width: 100%;
    text-align: center;
    padding: 10px;}
  .banner table{
	  width:100% !important;}
  .img-bottom .img_caption p {
	  padding-right:80px;}
  .heading-panel{margin-top:60px;}
  .srm_position {width:100%;max-width:100% !important;}
  #srm_select_list{width:100%; max-width:100% !important;}
  #contact-form .controls .invalid{width:100% !important;}
  .inner {margin:20px 0;}
  .bottomimg {
		font-size:20px;}
	.blog .items-row{width:100%;}
	.item-page img{width:100%;}
  .main-top .top2{margin-top:50px;}
}


/* Large desktop */
@media (min-width: 1201px) {
   
}
div,ui,li,p,img,h1,h2,h3,h4,h5,h6,a{ margin:0; padding:0;}
/*حذف بکگراند ادیتور جوملا*/
#tinymce{background:none!important;}


body{font-family: "BKoodakBold" !important;direction:ltr;}
/* CSS Document */