@charset "utf-8";

/* CSS Document */

/*Sharififar.com 

Style Sheet by: Ramtin Gh

*/



/*Global Styles*/

body{

	background-color:#CCCCCC;

	margin:0;

	min-width:360px;

}

@font-face {

	font-family: 'HelveticaNeueLT';

	src: url('fonts/HelveticaNeueLTStd-Th.eot');

	src: local('☺'), url('fonts/HelveticaNeueLTStd-Th.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Th.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Th.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Mitra';

	src: url('fonts/mitra.eot');

	src: local('☺'), url('fonts/mitra.woff') format('woff'), url('fonts/mitra.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}

.section{

	min-height:650px;

}

.popup{

	text-decoration:none;

	color:#333;

	cursor:pointer;

}

.error{

	text-align: center;

font-family: mitra;

font-size: 20px;

direction:rtl;

}

.newwindow{

width: 13px;

height: 13px;

display: block;

background-image: url(../img/new-window.png);

float: right;

margin-top: 5px;

margin-left: 10px;

}

#popupparent{

position: fixed;

width: 100%;

height: 100%;

background-color: rgba(109, 34, 10, 0.4);

top: 0;

left: 0;

z-index: 999;

display: none;



}

#popup{

width: 90%;

position: fixed;

height: 90%;

top: -8%;

background-color: #000;

z-index: 999;

margin: auto;

left: 25%;

margin-left: -20%;

margin-top: 6%;

border: 10px solid rgba(255, 255, 255, 0);

border-radius: 5px;

box-shadow: 0 0px 50px 15px #000;

}



/*Scrollbar*/

.ps-container .ps-scrollbar-x{position:absolute;bottom:3px;height:8px;background-color:#aaa;opacity:.2;filter:alpha(opacity=20);-webkit-transition:opacity.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.ps-container:hover .ps-scrollbar-x{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-x:hover{opacity:.8;filter:alpha(opacity=80);cursor:default}.ps-container .ps-scrollbar-x.in-scrolling{opacity:.8;filter:alpha(opacity=80)}.ps-container .ps-scrollbar-y{position:absolute;border-radius:5px;right:3px;width:10px;box-shadow: inset 0px 1px 5px #7C7C7C;background-color:#aaa;opacity:0.2;filter:alpha(opacity=20);-webkit-transition:opacity.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.ps-container:hover .ps-scrollbar-y{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-y:hover{opacity:.8;filter:alpha(opacity=80);cursor:default}.ps-container .ps-scrollbar-y.in-scrolling{opacity:1.0;filter:alpha(opacity=90)}

/*ScrollBar*/

/* Content Slider */

.unoSlider,.unoSlider ul,.unoSlider .sliderView{

	}.unoSlider ul,.unoSlider .sliderView{

		height: 290px;

text-align: right;

font-size: 17px;

display: inline-table;

width: 100%;

}

.unoSliderNav{

text-align: center;

margin-top: 10px;

position: relative;

background-color: #e6e6e6;	

}

.unoSlider ul{list-style: square;

overflow: hidden;

position: relative;

width: 80%;

margin-left: 10px;

margin-right: 20px;

}

.unoSliderNav span{color:#ccc;cursor:pointer;font-size:44px;khtml-user-select:none;margin-right:0;moz-user-select:none;ms-user-select:none;o-user-select:none;user-select:none;webkit-user-select:none}

.unoSliderNav span:hover,.unoSliderNav span:active{color:#999}.unoSliderNav span.current{color:#258EC7}.unoSlider .sliderView{left:1000px;opacity:0;position:absolute;top:0;z-index:1;

font-family:Mitra;text-align: justify;

direction: rtl;}

.unoSlider .sliderView.current{left:0;opacity:1;z-index:5}

/* End of Content Slider */





.loading{

height: 80%;

display: block;

width: 100%;

min-height: 290px;

border-radius: 7px;

margin-top: 30px;

min-width:100px;

background-color:rgba(182, 3, 3, 0.8);

box-shadow:inset 0 0 50px 2px #3e0303;

}



.loading:before{

content: "";

width: 100%;

height: 100%;

min-height: 200px;

background-position: center center;

display: block;

vertical-align: middle;

background-image: url(../img/loading.png);

background-repeat: no-repeat;

-moz-animation: spinoff .5s infinite linear;

-webkit-animation: spinoff .5s infinite linear;

}

@-moz-keyframes spinoff {

    0% {

        -moz-transform: rotate(0deg);

    }



    100% {

        -moz-transform: rotate(-360deg);

    }

}

@-webkit-keyframes spinoff {

    0% {

        -webkit-transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(-360deg);

    }

}

/*End of Global Styles*/



/*First*/

.introcontainer{

background-color: #e6e6e6;

width: 95%;

height: 92%;

margin: auto;

margin-top: 2%;

  -moz-box-shadow:    0px 0px 12px 2px #A0A0A0;

  -webkit-box-shadow: 0px 0px 12px 2px #A0A0A0;

  box-shadow:         0px 0px 12px 2px #A0A0A0;

}

.header{

	width:100%;

	height:80px;

	background-color:#b83311;

	margin-top:20px;

}

.spacer{

	height:20px;

	width:100%;

}

.title{

font-family: HelveticaNeueLT, Arial, Helvetica, sans-serif;

color: #e6e6e6;

font-size: 40px;

margin-left: 35px;

padding-top: 17px;

display: block;

}

.slidedownbutton{

	background-color:#C74524;

	width:80px;

	height:80px;

	display:block;

	float:right;

	background-image:url(../img/slidedownbutton.png);

}

.slidedownbutton:hover{

	background-color:#D1583A;

	cursor:pointer;

}

.innerintrocontainer{

background-color: #f8f8f8;

width: 80%;

height:380px;

margin-top: 2%;

margin-left: 2%;

  -moz-box-shadow:    0px 0px 12px 2px #A0A0A0;

  -webkit-box-shadow: 0px 0px 12px 2px #A0A0A0;

  box-shadow:         0px 0px 12px 2px #A0A0A0;

  border-radius:5px;

}

.intronavholder{

height: 40px;

width: 430px;

font-family: Mitra;

font-size: 19px;

margin-top: 0px;

direction: rtl;

}

.intronav{

display: inline-block;

width: 80px;

height: 25px;

padding-bottom: 5px;

padding-left: 10px;

padding-right: 10px;

margin-left: 15px;

background-color: #EBA834;

color: #FFFFFF;

text-align: center;

cursor:pointer;



}

.intronav-active{

background-color: #C74524;

}

.photoslider{

	top: 154px;

left: 50%;

margin-left: 300px;

}

.introcontentholder{

	position: relative;

float: left;

overflow: hidden;

width: 360px;

height: 300px;

margin: 20px;

text-align: right;

padding: 20px;

font-family: Mitra;

font-size: 18px;

}

.introcontent{

	margin-top: -40px;

	text-align: justify;

direction: rtl;



}

.introheadlines{

float: right;
direction: rtl;
font-family: Mitra;
font-size: 18px;
list-style: none;
overflow: hidden;
margin-right: 50px;
width: 34%;
text-overflow: ellipsis;

}

.top-featured-link{

	text-decoration: none;
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
width: 80%;
overflow: hidden;
display: block;
}

.top-featured-link-active{

	text-decoration:none;

	color:#b83311;

	border-right:1px solid #b83311;

	padding-right:5px;

}
@media all and (max-width: 1080px) {
	.introheadlines{
width: 26%;
	}
}


@media all and (max-width: 1000px) {

	.photoslider{

		display:none;

}

.introheadlines{

margin-right: 25px;

width: 45%;

position: absolute;

right: 0;

}

.innerintrocontainer{

width: 95%;

}



}
@media all and (max-width: 850px) {
	.introheadlines{
width: 40%;
	}
}
@media all and (max-width: 750px) {
	.introheadlines{
width: 25%;
	}
}

@media all and (max-width: 700px) {

	.photoslider,.intronav {

		display:none;

}




.introcontentholder{

width: 280px;

}



}

@media all and (max-width: 600px) {

.introheadlines{

display:none;

}

.introcontentholder{

width: 80%;

}



}

@media all and (max-width: 500px) {

.intronavholder{

width: 332px;

}

.intronav{

margin-left: 0px;

}



}

/*End of First*/

/*Navigation*/

.navigation{

position: absolute;

padding: 0;

padding-top: 5px;

margin: 0;

width: 100%;

height: 55px;

background-color: #E49307;

list-style: none;

font-family: Mitra;

font-size: 20px;

color: white;

text-align: left;

direction: rtl;

z-index:999;

}

.navigation li{

display: inline-block;

direction: rtl;

text-align: right;

height: 30px;

margin: 0px;

margin-left:5px;

padding: 10px;

border-radius: 3px;

}

.navigation li:hover{

	background-color:#f5b951;

	cursor:pointer;

}

.navactive{

	background-color:#EBA834;

}

.scrolltotopbutton{

background-color: #EBA834;

width: 80px;

height: 60px;

display: block;

float: right;

background-image: url(../img/scrolltotopbutton.png);

background-position: 0 -7px;

background-repeat: no-repeat;

}



.scrolltotopbutton:hover{

	background-color:#f5b951;

	cursor:pointer;

}

#navfirst{

position: absolute;

right: 0;

padding: 0 !important;

margin-top:-5px;

}

.fixed{

	position:fixed;

	top:0;

	opacity:0.4;

	filter:alpha(opacity=40);

	-webkit-transition:opacity.2s linear;

	-moz-transition:opacity .2s linear;

	transition:opacity .2s linear

	-webkit-box-shadow: 0 0px 50px -10px #333;

	   -moz-box-shadow: 0 0px 50px -10px #333;

	        box-shadow: 0 0px 50px -10px #333;

}

.fixed:hover{

		opacity:1.0;

	filter:alpha(opacity=100);

	-webkit-transition:opacity.2s linear;

	-moz-transition:opacity .2s linear;

	transition:opacity .2s linear

}

@media all and (max-width: 700px) {

.navigation{

font-size: 19px;

height:37px;

}

.scrolltotopbutton {

height: 37px;

background-position: 0 -18px;

}

.navigation li{

padding: 3px;

}

}

@media all and (max-width: 500px) {

.navigation{

	display:none;

}

}

/*End of Navigation*/

/*Second*/

#second{

	background-color:#000;

	background-image:url(../img/secondbg.png);

	background-repeat:repeat;

	background-attachment:fixed;

	height:750px;

}

.article-holder-title{

direction: rtl;

font-family: Mitra;

font-size: 20px;

color: #8F8F8F;

}

.article-inner-holder{

	float:left;

	margin:20px;

	width:45%;

	text-align:right;

}

.article-title{

	font-size:20px !important;

	font-weight:bold !important;

	text-shadow: 2px 2px 1px #FFF;

	color:#2b2b2b;

}

.article-titles > div > li{

		font-size:20px !important;
margin-bottom: 10px;

}



.article-content-holder,.article-titles-holder{

	width: 100%;

min-height: 100px;

margin: auto;

background-color: white;

border: 1px solid #cccccc;

margin-top: 15px;

box-shadow: 2px 2px 25px rgb(182, 182, 182);

overflow:hidden;

background-image:url(../img/gray_jean.png);

background-repeat:repeat;

border-radius:5px;

}

@media all and (max-width: 900px) {

.article-inner-holder{

	width:90%;

	text-align:right;

	margin-top:20px;

}

#second{

	height:1180px;

}

}

.searchbox{

width: 90%;

height: 90px;

background-color: #E6E6E6;

margin-left: 5%;

margin-right: auto;

margin-top: 100px;

position: absolute;

text-align: center;

border-radius:5px;

}

#articlesearch{

border: 1px solid #CCC;

height: 55px;

width: 90%;

direction: rtl;

font-family: Arial;

font-size: 49px;

padding: 5px;

margin-top: 12px;

margin-left: auto;

margin-right: auto;

}



.searchresultsholder{

display: none;

width: 90%;

height: 420px;

background-color: #E6E6E6;

margin-left: 5%;

margin-right: auto;

margin-top: 190px;

position: absolute;

z-index: 99;

box-shadow: 0px 5px 15px rgb(90, 90, 90);

border-radius: 5px;

padding-top: 30px;

}

#searchresults{

	direction:rtl;

	font-family:Mitra;

	font-size:20px;

	cursor:pointer;

	list-style:square;

	width: 90%;

margin: auto;

}

#searchresults li{

	display:none;

}



.searchnotfound{

	display:block;

font-size: 40px;

color: rgb(170, 170, 170);

width: 100%;

text-align: center;

margin-top: 100px;

}

.articlesbox{

width: 90%;

min-height: 480px;

background-color: #E6E6E6;

margin-left: 5%;

margin-right: auto;

margin-top: 220px;

position: absolute;

border-radius:5px;

}



/*End of Second*/

/*Third*/

#third{

background-image: url(../img/newsbg.jpg);

background-size: 100%;

background-attachment: fixed;

}



#news-holder{

width: 70%;

height: 500px;

left: 25%;

margin-left: -20%;

margin-top: 100px;

position: absolute;

font-family:Mitra;

text-align:right;

}



.news-featured-title-holder{
width: 100%;
height: 80px;
background-color: #e6e6e6;
border: 1px solid #b3b3b3;
background-image: url(../img/bg-gradient.png);
background-repeat: repeat-x;
border-radius: 3px;
}
.news-featured-title a {
width: 70%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
}

.news-featured-title{
font-size: 30px;
margin-top: 18px;
margin-right: 70px;
color: #333333;
direction: rtl;

}

@media all and (max-width: 1000px) {
.news-featured-title-holder{
direction:rtl;
}
.news-featured-title{
font-size: 20px;
margin-top: 24px;
margin-right: 30px;
width: 87%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-featured-title a{
font-size: 20px;
margin-top: 4px;
margin-right: 60px;
width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

}

.news-featured-content-holder{

width: 100%;

height: 300px;

background-color: #ffffff;

border: 1px solid #b3b3b3;

margin-top: 5px;

border-radius: 3px;

}

.news-featured-content-holder p{

width: 90%;

margin: auto;

font-size: 18px;

}

.news-featured-content-holder-scroll{

overflow: hidden;

height: 240px;

float: left;

width: 60%;

margin-left: 210px;

margin-top: 30px;

position: relative;

text-align: justify;

direction: rtl;

}

@media all and (max-width: 1000px) {

.news-featured-content-holder-scroll{

width: 50%;

}

}

.news-featured-pic-holder{

float: left;

position: absolute;

width: 170px;

height: 200px;

background-color: #666;

margin-left: 20px;

margin-top: -70px;

border: 1px solid #dddddd;

}

.news-featured-pic-holder img{

width: 100%;

height: 100%;

}

.news-featured-headlines-holder{

	width: 100%;

height: 120px;

background-color: #1B1B1B;

border-radius: 6px;

border: 1px solid #b3b3b3;

margin-top: 5px;

}

.news-side-holder{

width: 100px;

height: 270px;

float: right;

margin-top: -110px;

margin-right: -50px;

}

/*.news-side-arrow{

	width:100%;

	height:45px;

	background-color:#F0F;

	margin-top: 269px;

}*/

.news-side-arrow {

	position: relative;

	background: #9961ab;

	border: 1px solid #461c54;

	width:100%;

	height:300px;

	border-radius:3px;

}

.news-side-arrow:after,.news-side-arrow:before {

	top: 100%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.news-side-arrow:after {

	border-color: rgba(153, 97, 171, 0);

	border-top-color: #9961ab;

	border-width: 30px;

	left: 50%;

	margin-left: -30px;

}



.news-side-arrow:before {

	border-color: rgba(70, 28, 84, 0);

	border-top-color: #461c54;

	border-width: 31px;

	left: 50%;

	margin-left: -31px;

}

@media all and (max-width: 800px) {

.news-featured-content-holder-scroll{

width: 70%;

margin-left: 80px;

}

.news-featured-pic-holder {

	display:none;

}

}

@media all and (max-width: 650px) {

.news-featured-content-holder-scroll{

width: 90%;

margin-left: 20px;

}

.news-side-arrow {

	display:none;

}

#news-holder {

width: 80%;

}



}

@media all and (max-width: 400px) {

.news-featured-title {

font-size: 15px;

margin-right: 10px;

}

}

.news-featured-date-holder{

background-color: #b589c4;

height: 80px;

margin-top: 22px;

font-family:Mitra;

}

.news-featured-date-month{

width: 100%;

font-size: 20px;

display: block;

text-align: center;

color: white;

background-color: #461c54;

line-height: 21px;

height: 22px;



}

.news-featured-date-day{

	width: 100%;

font-size: 30px;

display: block;

text-align: center;

color: black;

background-color: #e6e6e6;

background-image:url(../img/bg-gradient.png);

background-repeat:repeat-x;

height: 42px;

}

.news-featured-date-year{

	width: 100%;

font-size: 19px;

display: block;

text-align: center;

color: white;

background-color: #666666;

line-height: 17px;

height: 17px;

	

}

#show-more-news{

	color: white;

font-size: 20px;

text-align: center;

margin-top: 142px;

cursor: pointer;

line-height: 20px;

}

#show-more-news:hover{

text-shadow: 0px 0px 10px #000;

}

#news-featured-headlines{

	list-style:none;

	margin-right:30px;

}

#news-featured-headlines li{

width: 31%;

display: inline-block;

margin-right: 11px;

border-left: 1px solid #3a3a3a;

}

.news-featured-headline{

	font-size: 20px;

padding: 10px;

color: white;

width: 150px;

float: right;

display: block;

cursor:pointer;

}

#news-featured-headlines img{

width: 70px;

height: 90px;

float: left;

}

@media all and (max-width: 1240px) {

.news-featured-headline{

width: 100px;

}

.news-featured-headline{

	font-size: 18px;

}

}

@media all and (max-width: 1000px) {

#news-featured-headlines img{

	display:none;

}

.news-featured-headline{

	font-size: 16px;

}

#news-featured-headlines li {

width: 28%;

}

}

@media all and (max-width: 600px) {

.news-featured-headlines-holder{

	display:none;

}

.news-featured-headline{

	font-size: 14px;

}



}



.news-list-holder{

width: 110%;

height: 545px;

background-color: #9961ab;

border: 1px solid #461c54;

background-repeat: repeat-x;

position: absolute;

top: 0px;

margin-top: -30px;

display:none;



}

#news-list-holder-close-button{

position: absolute;

top: 0;

right: 0;

background-image: url(../img/bg-gradient.png);

width: 40px;

height: 35px;

border-radius: 40px;

text-align: center;

border: 1px solid #666;

font-family: tahoma;

font-size: 20px;

margin-top: 255px;

margin-right: -15px;

color: #461C54;

cursor: pointer;

padding-top: 5px;

}

.news-list-table-holder{

	width: 90%;

margin-left: auto;

margin-right: auto;

margin-top: 50px;

height: 450px;

}

.news-list-table-holder-scroll{

	width: 100%;

height: 450px;

overflow:hidden;

position:relative;

border-radius:6px;

}

.table{

}

.table tr{

min-height: 50px;

display: block;

background: url(../img/bg-gradient.png) repeat-x top;

direction: rtl;

font-family: Mitra;

padding: 10px;

line-height:10px;

padding-right:25px;

padding-top:20px;

border-bottom: 1px solid #DADADA;

}

.table tr:hover{

background: url(../img/bg-gradient.png) repeat-x bottom;

}

.news-title{

	font-size:25px;

color: rgba(0, 0, 0, 0.6);

text-shadow: 1px 1px 0px #F5F5F5;

}

.news-title:hover{

	font-size:25px;

color: rgba(0, 0, 0, 1.0);

cursor:pointer;

}
.isi-title {
font-family: Mitra,"Times New Roman";
font-size: 18px;
color: #666;
text-shadow: 1px 1px 0 #FAFAFA;
}
.isi-title:hover {
color: #000;
}
.table2 {
text-align: center;
direction: rtl;
}


.table p{

	font-size:18px;

	color:#969696;

	line-height: 20px;

}



/*End of Third*/

/*Fourth*/

#fourth{

	background-image:url(../img/usefulbg.jpg);

	background-position:top;

	background-attachment:fixed;

}

.fourth-main-holder{

width: 90%;

margin-left: auto;

margin-right: auto;

margin-top: 100px;

position: absolute;

}

.fourth-nav-holder{

	float:left;

}

#fourth-nav{

list-style: none;

width: 240px;

margin-top: -8px;

}

#fourth-nav li{

display: inline-block;

background-image: url(../img/fourth-nav-bg.png);

width: 194px;

height: 37px;

font-family: Mitra;

font-size: 20px;

text-align: right;

padding-right: 8px;

padding-top: 11px;

color: #4D4D4D;

background-position: 0px 53px;

cursor:pointer;

	}

.fourth-nav-active{

	background-position: 0px -3px !important;

	color: #ffffff !important;

}



#fourth-content-holder{

width: 70%;

float: left;

height: 450px;

overflow: hidden;

position: relative;

margin-left: 50px;

}

@media all and (max-width: 1100px) {

#fourth-content-holder{

width: 100%;

}

#fourth{

	height:700px;

}

}

@media all and (max-width: 500px) {

#fourth-content-holder{

margin-left: 10px;

}

}

.fourth-content-holder-scroll{

	height: 330px;

overflow-y: auto;

position: relative;

border-radius:5px;

}
@media all and (max-width: 1000px) {

.fourth-content-holder-scroll{
	height: 250px;
}
.fourth-main-holder {
margin-top: 50px;
}
}

.slide-td-description{

	width: 86%;

padding-right: 40px;

}

.slide-td-download{

	text-align:center;

}

.slide-td-download a{

	text-decoration:none;

	color:#000;

}

.payannamesearch{

border: 1px solid #CCC;

height: 55px;

width: 100%;

direction: rtl;

font-family: Arial;

font-size: 49px;

padding: 5px;

margin-bottom: 20px;

}

.payanname-search-result-holder{

	list-style:none;

	direction:rtl;

	margin-top: 0px;

	background-color: #F3F3F3;

	padding-right:0;

	

}

.payanname-search-result-holder li{

padding-top: 20px;

background-image: url(../img/bg-gradient.png);

padding-bottom: 20px;

font-family: Mitra;

font-size: 18px;

padding-right:50px;

text-shadow: 1px 1px 0px #FAFAFA;

color: #313131;

	



}



/*End of Fourth*/

/*Fifth*/

#fifth{

	background-image:url(../img/isibg.jpg);

	background-size:100%;

}

.fifth-table-holder{

	width:90%;

	margin-left:5%;

	overflow:hidden;

	position:relative;

	height:500px;

	margin-top:100px;

	position:absolute;

	border-radius:5px;

}

.table2 tr{

background: url(../img/bg-gradient.png) repeat-x top;
direction: rtl;
font-family: Mitra;
border-bottom: 1px solid #DADADA;

}

.table2 td{
	vertical-align:middle;
}

.isiisc{
	background: rgb(69,72,77); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
color: #fff;
font-weight: bold;
padding: 0 10px 0 10px;
}

.ltr{

text-align: left;

font-family: Tahoma, Geneva, sans-serif;

padding: 10px;

background-color: #CCC;

border-bottom: 1px solid #E2E2E2;

width: 30%;

font-size: 14px;

}

/*End of Fifth*/

/*Sixth*/

#sixth{

	background-image:url(../img/conferencebg.jpg);

	background-size:100% 100%;

	background-attachment:fixed;

}

@media only screen and (max-device-width: 1024px){

#sixth{

background-size:2224px;

  }

}

.conference-main-holder{

	width:100%;

	position:absolute;

	margin-top:100px;

}

#conference-holder{

	list-style:none;

	text-align:center;

	width:100%;

	height:520px;

	padding-left:0;

	margin:0;

}

#conference-holder li{

width: 220px;

border: 2px solid #FFF;

background-image: url(../img/bg-gradient-large.png);

background-repeat: repeat-x;

background-position: top;

height: 500px;

display: inline-block;

margin-left: 20px;

margin-right: 20px;

box-shadow: 2px 2px 16px #2C2C2C;

font-family:Mitra,arial;

text-align:center;

border-radius:3px;
vertical-align:top;

	}

.conf-holder{
width: 90%;
margin-left: auto;
margin-right: auto;
height: 500px;
overflow: hidden;

	

}

.conf-slide{

	text-align:center !important;

	display:none !important;



}

.conf-date{

	font-family:Tahoma, Geneva, sans-serif;

	color:#666666;

	font-size:20px;

}

.conf-lenght{

	font-size: 180px;

line-height: 0px;

margin-top: 80px;

margin-bottom: 61px;

color: #333;

text-shadow: 1px 1px 0px #FFF;

}

.days{

	font-size: 30px;

margin-bottom: 0px;

}

.conf-slide-visible{

	display:block !important;



}

.conf-title{

font-size: 39px;

margin-top: 10px;

margin-bottom: 20px;

text-shadow: 1px 1px 0px #FFF;

line-height: 40px;

}

.conf-exerpt{

font-size: 19px;

margin-top: 10px;

line-height: 20px;
direction:rtl;

	

}

.conf-hover{

position: absolute;

width: 220px;

height: 500px;

background-color: #000;

text-align: center;

top: 2px;

opacity: 0.8;

cursor:pointer;

display:none;

}

.conf-moreinfo{

width: 150px;

height: 40px;

background-color: rgb(182, 3, 3);

border-radius: 12px;

font-size: 30px;

color: #FFF;

display: inline-table;

position: absolute;

left: 50%;

margin-left: -72px;

top: 50%;

margin-top: -35px;

}

.conf-moreinfo:hover{

background-color:#F00;

}

.conf-nav{

	width: 70px;

height: 120px;

position: absolute;

top: 50%;

margin-top: -60px;

background-image: url(../img/confnav.png);

display: block;

cursor: pointer;

z-index: 5;

}

#conf-next{

	right: 20px;

	background-position: 80px 0px;

}

#conf-prev{

	left: 20px;

	background-position: 0px 0px;

}

/*End of Sixth*/



/*Seventh*/

#seventh{

	background-image:url(../img/seventhbg.png);

	background-repeat:repeat-x;

	background-color:#f0f0f0;

	background-position:top;

}

#related-resources{

	list-style: none;

width: 90%;

margin-left: auto;

margin-right: auto;

text-align: right;

}

#related-resources li{

display: list-item;

width: 100%;

height: 200px;

}

.related-resources-img{

	float: right;

border-radius: 20px;

border: 6px solid #C8C6B1;

width: 150px;

margin-left: 30px;

}

.related-resources-info{

float: right;

margin-right: 30px;

font-family: Mitra;

font-size: 18px;

direction: rtl;

width: 50%;

}

@media all and (max-width: 600px){

.related-resources-img{

	display:none;

}

.related-resources-info{

	width:100%;

}

}



.related-resources-title{

	font-size:30px;

	cursor:pointer;

	text-decoration: none;

	color: #3C3C3C;

}

/*End of Seventh*/



/*Footer*/

#footer{

min-height: 0px;

height: 250px;

background-color: #1A1A1A;

color: #B3B3B3;

margin-top: -20px;

}

.scrolltotop{

background-color: #4D4D4D;

width: 80px;

height: 70px;

display: block;

float: right;

margin-right: 20px;

margin-top: 20px;

}

.scrolltotop:hover{

background-color: #707070;

cursor:pointer;

}

#footermenu{

list-style: none;

float: right;

font-family: Mitra;

margin-top: 40px;

font-size: 18px;

direction:rtl;

width:70%;

}



#footermenu li{

display: inline-block;

padding-right: 10px;

border-left: 1px dotted #4B4B4B;

height: 30px;

padding-left: 10px;

cursor:pointer;

}

.footer-cr{

	width: 100%;

margin-top: 130px;

position: absolute;

}

.title-footer{

border-right: 1px dotted #666;

float: left;

padding-top: 1px;

padding-bottom: 9px;

padding-right: 20px;

}

.cr-text{

	float: left;

width: 400px;

direction: rtl;

font-family: Mitra;

margin-top: -2px;

}

@media all and (max-width: 650px){

.cr-text{

width: 280px;

}

#footermenu{

	display:none;

}

}

@media all and (max-width: 400px){

.cr-text{

width: 180px;

margin-left: 36px;

}



.title-footer{

	margin-top:-60px;

}

}

/*End of Footer*/

/* WP Single */

.single{

	background-image:url(../img/secondbg.png);

	height:100%;

}

.single-wraper{

width: 90%;

height:90%;

margin: auto;

background-color: #EBEBEB;

padding-top: 40px;

background-image:url(../img/gray_jean.png);

background-repeat:repeat;

}

.single-wraper-article{

width: 90%;

height: 90%;

margin: auto;

background-color: #EBEBEB;

padding-top: 40px;

background-image:url(../img/gray_jean.png);

background-repeat:repeat;

border-top-left-radius: 20px;

border-bottom-left-radius: 20px;

}

.single-head{

width: 90%;

height: 70px;

background-image: url(../img/header-bg.png);

background-repeat: repeat-x;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

margin-left: auto;

margin-right: auto;

}

.back-to-main{

height: 70px;

width: 320px;

display: inline-table;

vertical-align: middle;

padding-right: 0px;

float: right;

right: 0;

background-image: url(../img/backarrow.png);

background-repeat: no-repeat;

background-position: 293px 14px;

}

.back-to-main-link{

margin-top: 27px;

font-family: Mitra;

text-decoration: none;

color: #FFF;

font-size: 18px;

float: right;

margin-right: 40px;

}

.single-content-wraper{

	width:100%;

	overflow:hidden;

	height:95%;

	position:relative;

	max-height: 420px;

}

.conf-side{

	text-align:center;

	font-family:yekan,arial;

	direction:ltr;

}

.single-article-content-wraper{

	width:100%;

	overflow:hidden;

	height:95%;

	position:relative;

}

.single-content{

	width: 90%;

margin: auto;

margin-bottom: 30px;

font-family: Mitra,Arial;

}



.left{

	float:left;

}

.entry-title{

font-size: 24px;

color: #3F3F3F;

text-shadow: 2px 2px 0 #FAFAFA;

border-bottom: 1px solid #B3B3B3;

padding: 10px;

margin-bottom: 20px;

text-align:right;

}

.entry-content{

font-size: 18px;

line-height: 28px;

text-align: justify;

color: #000;

text-shadow: 1px 1px 0 #FFF;

direction:rtl;

}
.entry-content a {
color: #333;
}

.single-footer{

height: 55px;

background-color: #ABABAB;

width: 90%;

font-family: Mitra;

margin-left: auto;

margin-right: auto;

border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;

padding-top: 10px;

text-align: center;

font-size: 18px;

color: #FFF;

background-image: url(../img/footer-bg.png);

background-repeat: repeat-x;

}

.footer-spacer{

	height:15px;

	display:block;

	width:100%;

}

.contact-form-holder{

display: none;

width: 380px;

height: 390px;

position: absolute;

margin-top: -430px;

margin-right: -177px;

cursor: auto;

border-radius: 6px;

box-shadow: 0 0 110px -10px #0F0F0F;

background: #FFF;

background: -moz-linear-gradient(top, #FFF 0%, #F6F6F6 47%, #B2B2B2 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(47%,#F6F6F6), color-stop(100%,#B2B2B2));

background: -webkit-linear-gradient(top, #FFF 0%,#F6F6F6 47%,#B2B2B2 100%);

background: -o-linear-gradient(top, #FFF 0%,#F6F6F6 47%,#B2B2B2 100%);

background: -ms-linear-gradient(top, #FFF 0%,#F6F6F6 47%,#B2B2B2 100%);

background: linear-gradient(to bottom, #FFF 0%,#F6F6F6 47%,#B2B2B2 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );

}

.contact-form-arrow{

width: 0px;

height: 0px;

border-style: solid;

border-width: 20px 25px 0 25px;

border-color: #B3B3B3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

line-height: 0px;

_border-color: #000000 #ffffff #ffffff #ffffff;

_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');

position: absolute;

bottom: 0;

left: 50%;

margin-left: -25px;

margin-bottom: -20px;

}

.single-title{

font-family: HelveticaNeueLT, Arial, Helvetica, sans-serif;

color: #e6e6e6;

font-size: 40px;

margin-left: 35px;

padding-top: 17px;

display: block;

}

@media all and (max-width: 500px){

.single-title{

font-size: 25px;

padding-top:23px;



}

}

@media all and (max-width: 400px){

.single-title{

	padding-top:26px;

font-size: 20px;

}

}

.single-left-wraper{

width: 80%;

float: left;

height: 90%;

left: 0;

position: absolute;

}

@media all and (max-width: 1050px){

.single-left-wraper{

width: 74%;

}

}

@media all and (max-width: 850px){

.single-left-wraper{

width: 69%;

}

}

@media all and (max-width: 750px){

.single-left-wraper{

width: 63%;

}

}

@media all and (max-width: 620px){

.single-left-wraper{

width: 56%;

}

}

@media all and (max-width: 525px){

.single-left-wraper{

width: 47%;

}

}

@media all and (max-width: 450px){

.single-right-wraper{

	display:none;

}

.single-left-wraper{

width: 90%;

}



}

.single-right-wraper{

width: 220px;

float: right;

height: 90%;

right: 30px;

position: absolute;

text-align:right;

}

.cats-side{

	padding:5px;

	background-color:#CCCCCC;

}

.cats-side2{

	padding:5px;

	background-color:#e6e6e6;

}

.cat-title{

font-family: Mitra;

color: #1A1A1A;

font-size: 22px;

margin-top: 20px;

font-weight: 100;

text-shadow: 1px 1px 0 #EEE;

margin-right:8px;

}

.article-cats{

	font-family:Mitra;

	color:#1A1A1A;

	font-size:18px;

	width:90%;

	margin:auto;

	list-style: none;

	padding:0px;

}

.article-cats li{

	margin-top:10px;

	margin-bottom:10px;

	border-bottom:1px solid #C0C0C0;

	padding-bottom:2px;

}

.article-cats li a{
text-decoration: none;
color: #1A1A1A;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
direction:rtl;

}
.table a {
text-decoration: none;
color: #333;
}

.single-outer-centralizer {

  display: table;

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  text-align: center;

}



.single-inner-centralizer {

display: table-cell;

  vertical-align: middle;

  height:90%;

  width:90%;

  margin-left:auto;

  margin-right:auto;

}

.single-main-wraper{

	width:90%;

	height:90%;

	margin-left:auto;

	margin-right:auto;

}

.article-home-button{

	cursor:pointer;

	width:100%;

	height:79px;

	display:block;

	background-color:#CCC;

	background-image:url(../img/homebutton.png);

	background-repeat:no-repeat;

	background-position:top;

	border-top-right-radius:20px;

	-webkit-transition: all .5s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

}

.article-home-button:hover{

	background-position:bottom;

}

.article-footer{

height: 60px;

background-color: #ABABAB;

width: 100%;

font-family: Tahoma;

margin-left: auto;

margin-right: auto;

border-bottom-right-radius: 20px;

padding-top: 7px;

text-align: center;

font-size: 11px;

color: #FFF;

background-image: url(../img/footer-bg.png);

background-repeat: repeat-x;

line-height: 13px;

}







/* End of WP Single */



/*contact */

.contact{	

width: 90%;

margin-left: auto;

margin-right: auto;

margin-top: 20px;

font-size: 16px;

color: #292929;

text-shadow: 1px 1px 0 #FFF;

}

.contact input, .contact textarea{

border: 1px solid #BEBEBE;

border-radius: 5px;

height: 20px;

background-color: #FCFCFC;

box-shadow: inset 0 0 30px -15px #000;

width:80%;

margin-left:auto;

margin-right:auto;

}

.contact textarea{

	resize:none;

	height:50px;

	width:78%;

	

}

.contact tr{

	height:30px;

}

.contact label{

	width: 100px;

display: block;

margin-right: 14px;

}

#submit{

height: 30px;

font-family: Mitra;

width: 82%;

margin-top: 5px;

font-size: 18px;

background-color:#1B1B1B;

color: #EBEBEB;

cursor: pointer;

}

#submit:hover{

	background-color:#272727;

}

#submit:active{

background-color: #272727;

color: #EBEBEB;

cursor: pointer;

box-shadow: inset 0 0 32px #000;}

#recaptcha_image img{

width: 240px;

border-radius: 8px;

border: 1px solid #CCC;

margin-top: 6px;

}

.recaptcha_only_if_image{

	font-family:mitra;

	font-size:15px;

}

.captcha-renew{

	width:16px;

	height:16px;

	display:block;

	background-image:url(../img/captcha.png);

	background-position:48px;

	float:right;

}

.captcha-audio{

	width:16px;

	height:16px;

	display:block;

	background-image:url(../img/captcha.png);

	background-position:0px;

	float:right;

}

.captcha-help{

	width:16px;

	height:16px;

	display:block;

	background-image:url(../img/captcha.png);

	background-position:34px;

	float:right;

}

.captcha-image{

		width:16px;

	height:16px;

	display:block;

	background-image:url(../img/captcha.png);

	background-position:16px;

	float:right;

}

#c_message{

font-size: 20px;

color: #A50A0A;

text-shadow: 1px 1px 0 #C7C7C7;

}



/* End of Contact */

/* Relcats */
.relcats-main-holder {
    width: 80%;
    margin: auto;
    direction: rtl;
    font-family: mitra,arial;
    list-style: none;
padding: 0;
}
.relcats-main-holder >li>ul {
    list-style: none;
    padding: 0;
min-height: 170px;
max-height: 190px;
overflow: hidden;
overflow-y: auto;
}
.relcats-main-holder> li >a {
    text-decoration: none;
    color: #333;
    font-size: 23px;
}
.relcats-main-holder>li {
display: inline-block;
vertical-align: top;
border-right: 1px solid #ddd;
padding: 0 20px 0 0px;
width: 30%;
}
.relcats-main-holder>li:first-child {
    border: none;
}
.relcats-main-holder a {
    text-decoration: none;
    color: #666;
    font-size: 18px;
}
.relcats-main-holder a:hover {
color: #000;
}
/* End of rel cats */