@import "reset.css";
@font-face {
    font-family: Droid;
	src: url('../images/DroidArabicKufi.eot?#') format('eot'),  /* IE6–8 */
         url('../images/DroidArabicKufi.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../images/DroidArabicKufi.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: BYekan;
	src: url('../images/BYekan.eot?#') format('eot'),  /* IE6–8 */
         url('../images/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../images/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
	font-family: 'Conv_Arual';
	src: url('fonts/Arual.eot');
	src: local('âک؛'), url('../enfonts/Arual.woff') format('woff'), url('../enfonts/Arual.ttf') format('truetype'), url('../enfonts/Arual.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_phutura';
	src: url('../enfonts/phutura.eot');
	src: local('âک؛'), url('../enfonts/phutura.woff') format('woff'), url('../enfonts/phutura.ttf') format('truetype'), url('../enfonts/phutura.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Galaxy Force';
	src: url('../enfonts/Galaxy Force.eot');
	src: local('âک؛'), url('../enfonts/Galaxy Force.woff') format('woff'), url('../enfonts/Galaxy Force.ttf') format('truetype'), url('../enfonts/Galaxy Force.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_terran';
	src: url('../enfonts/terran.eot');
	src: local('âک؛'), url('../enfonts/terran.woff') format('woff'), url('../enfonts/terran.ttf') format('truetype'), url('../enfonts/terran.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
	box-sizing: border-box;
}

body{
	margin:0;
	padding:0;
	background: url("../images/subtle_white_feathers.png");
}

[class*="col-"]
{
	float: left;
	width: 100%;
	padding: 5px;
}	

@media only screen and (min-width:768px){
	.col-1{width: 8.33%;}
	.col-2{width: 16.66%;}
	.col-3{width: 25%;}
	.col-4{width: 33.33%;}
	.col-5{width: 41.66%;}
	.col-6{width: 50%;}
	.col-7{width: 58.33%;}
	.col-8{width: 66.66%;}
	.col-9{width: 75%;}
	.col-10{width: 83.33%;}
	.col-11{width: 91.66%;}
	.col-12{width: 100%;}	
	
	ul.ulTitle{display:block!important;}
	.navigation ul{display:block!important;}
	.mobilemenu{display:none!important;}
	.navmobile{display:none!important;}
	.slidershow{display:block!important;}
	.footer{display:block!important;}
}
ul.ulTitle{display:none;}
.navigation ul{display:none;}
.mobilemenu{display:block;margin:5px!important;}
.navmobile{display:block;!important;}
.slidershow{display:none;}
.footer{display:none;}

.row{padding: 0 20px;}
.row:after{content: ""; clear: both; display: block;}

.header{width: 90%; margin: 0 auto;}
.logo{margin-top: 15px; width:180px;}

.title{font: bold 17px Droid,BYekan,Tahoma;	color: #004f6c;}

ul.ulTitle{
	width: 78%;
	margin:0 auto;
	list-style-type:none;
	border: 0px solid #000;
	float:left;
	clear: both;
	margin-top: 5px;
}
ul.ulTitle li{
	float: right;
	direction: rtl;
	font: normal 15px BYekan;
	padding: 2px;
}
.navigation{background: linear-gradient(#ccc, #eee); height: 50px; border: 1px solid #cecece;}
.navigation ul{width: 70%; border:0px solid #000; margin: 0 auto; list-style-type: none;}
.navigation ul li{border-left: 1px solid #d4d4d4; float: right; width: 20%;}
.navigation ul li a:link,.navigation ul li a:visited{font: normal 13px Droid,BYekan,Tahoma; text-decoration: none; line-height: 49px; text-align: center; display: block; color: #004f6c;}
.navigation ul li a:hover{background-color: #77160d; color: white;}
.active{background-color: #77160d; color: white!important;}

.navmobile{width:100%;background:#eee!important;direction: rtl;font:normal 13px Droid,BYekan,Tahoma;border:1px solid #ccc;}
.navmobile a:link,.navmobile a:visited{text-decoration: none;color: blue;padding:5px;display:block;}
.navmobile a:hover{background-color: #77160d;color:white;}
.activemobile{background-color: #77160d; color: white!important;}

.mobilemenu{margin: 0px;}

div.box{
	border: 1px solid #ccc;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: url("../images/geometry.png");
	-webkit-box-shadow: 0 10px 15px #777;
	-moz-box-shadow: 0 10px 15px #777;
	box-shadow: 0 10px 15px #777;
}

div.box_title{width:100%; height:40px; background:#004f6c; text-align:right;}
div.box_title span{margin-right:10px; font:normal 13px BYekan,Tahoma; line-height:40px; color:white;}
div.body{font:normal 13px BYekan,Tahoma; text-align:center; width:100%; padding:0px; line-height:30px;}
div.peyvandha{font:normal 11px BYekan,Tahoma; text-align:right; width:100%; padding:5px; display:block;}
div.peyvandha a:link,div.peyvandha a:visited{width:100%;text-decoration:none;display:block;}
div.peyvandha a:hover{color:red;}
div.article{font:normal 13px BYekan,Tahoma;direction:rtl;}
div.article a{width:100%;display:block;padding:5px;border-bottom:1px solid #eee;text-decoration: none;color:black;}
div.article a:hover{background:#eee;}

div.breadcrumb{width:100%;margin:0 auto;height:40px; background:#eee;margin-top:20px;border:1px solid #d3d3d3;direction:rtl;}
div.breadcrumb span{font:normal 13px BYekan,Tahoma;line-height:40px;margin-right:10px;}

div.main{
	width: 100%;
	height: auto;
	background-color: #eee;
	padding: 10px;
	border:1px solid #ccc;
	font:normal 13px BYekan,Tahoma;
	direction: rtl;
	text-align: justify;
	line-height: 30px;
}
.main h1{color: #1d5082;font:bold 17px Droid,BYekan,Tahoma;border-bottom:1px solid #ccc;}
.main p.indexcomm{color: #1d5082;margin-top:10px;}

.footer{
	width:100%;
	height:auto;
	padding: 0 100px;
	background: url(../images/pw_maze_black.png);
}
.footer .foorightcol{
	font:normal 13px BYekan,Tahoma;
	color:white;
	direction:rtl;
	line-height:35px;
}
.footer .foo{
	
}
.footer .foo p{
	font: normal 13px BYekan,Tahoma;
	color: white;
	text-align:center;;
}
.footer .foo a:link, .footer .foo a:visited{
	width:100%;
	color:white;
	font:normal 13px BYekan,Tahoma;
	direction:rtl;
	text-decoration: none;
	line-height: 35px;
	display:block;	
	padding: 0 5px;
}
.footer .foo a:hover{
	color:lightgreen;
	background:#1e1e1e;
}

.copyright{
	width:100%;
	background-color: #1e1e1e;
    height: auto;
	padding:10px;
    border-top: 1px solid #ccc;
}
.copyright p{
	width: 100%;
	font:normal 13px BYekan,Tahoma;
	direction: rtl;
	color:white;
}

/* ########## contact us ########## */
form.frmcontact{border:0px solid #000;}
form.frmcontact input{
	width:100%;
	padding:10px;
	font:normal 13px BYekan,Tahoma;
	border:1px solid #ccc;
}
form.frmcontact input:focus{
	background-color: lightblue;
	border:1px solid #ccc;
}
form.frmcontact textarea{
	width:100%;
	padding: 10px;
	height: 200px;
	font:normal 13px BYekan,Tahoma;
}
form.frmcontact textarea:focus{
	background-color: lightblue;
	border:1px solid #ccc;
}

.btn{
	width: 49%!important;
	border:1px solid #ccc;
	background:#004f6c;
	color:white;
}
.btn:hover{
	background:#77160d;
	cursor: pointer;
	color:#fff;
}

a.articleLink:link, a.articleLink:visited{
	font:bold 13px BYekan,Tahoma;
	color: green;
	text-decoration: none;
	
}
a.articleLink:hover{
	color: red;
}

.null{height:20px;}
.Tahoma{font: normal 13px Tahoma!important;}
.blue{color: #249ed1!important;}
.center{text-align: center!important;}
.right{text-align: right!important;}
.left{text-align: left!important;}
.border{border:1px solid #000!important;}
.noborder{border:0px solid #000!important;}
.NoMargin{margin:0!important;}
.NoPadding{padding:0!important;}
.notice{color:red!important;width:100%;}
.cls{clear: both!important;}