/** lightbox.css **/

/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background:url(/assets/class/lightbox/img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background:url(/assets/class/lightbox/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background:url(/assets/class/lightbox/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding:5px 0px; 
  *zoom: 1;
  width: 100%;
  background:#fff;
  margin-top:-4px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.5em;
  margin:10px 0px;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: normal;
  line-height: 1em;
  color:#000;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
  display:none !important;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background:url(/assets/class/lightbox/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  margin:12px 12px;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/** example.css **/

@charset "UTF-8";
/**
 * Stylesheet: example.css
 *
 * (c) 2011-2012 Zazar Ltd
 * 
 * Description: Stylesheet for examples
 *
 **/
@media (min-width: 1px) and (max-width: 1199px) {
	
	body {
		margin: 1em 3em;
		font-family: Tahoma, Genevam, sans-serif;
	}
	
	form { margin-bottom: 1em; }
	
	.weatherFeed {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		margin: 2em 3em;
		width: 280px;
	}
	.weatherFeed a { color: #888; }
	.weatherFeed a:hover {
		color: #000;
		text-decoration: none;
	}
	.weatherItem {
		padding: 0.8em;
		text-align: right;
		background-size:210px 145px;
	}
	.weatherCity { 
		text-transform: uppercase; 
	}
	.weatherTemp {
		font-size: 47px;
		font-weight: normal;
	}
	.weatherDesc, .weatherCity, .weatherForecastDay  {
		font-weight: bold;
	 
	 }
	.weatherDesc { 
		margin-bottom: 0.4em; 
	}
	.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem {
		 font-size: 0.8em; 
	}
	.weatherLink, .weatherForecastItem {
		margin-top: 0.5em;
		text-align: left;
	}
	.weatherForecastItem {
		padding: 0.5em 0.5em 0.5em 80px;
		background-color: #fff;
		background-position: left center;
	}
	.weatherForecastDay { 
		font-size: 1.1em;
	}
}

@media (min-width: 1200px)  and (max-width: 1600px){
	
	body {
		margin: 1em 3em;
		font-family: Tahoma, Genevam, sans-serif;
	}
	
	form { margin-bottom: 1em; }
	
	.weatherFeed {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		margin: 2em 3em;
		width: 280px;
	}
	.weatherFeed a { color: #888; }
	.weatherFeed a:hover {
		color: #000;
		text-decoration: none;
	}
	.weatherItem {
		padding: 0.8em;
		text-align: right;
		background-size:210px 145px;
	}
	.weatherCity { text-transform: uppercase; }
	.weatherTemp {
		font-size: 47px;
		font-weight: normal;
	}
	.weatherDesc, .weatherCity, .weatherForecastDay  {
		font-weight: bold;
	 
	 }
	.weatherDesc { margin-bottom: 0.4em; }
	.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 0.8em; }
	.weatherLink, .weatherForecastItem {
		margin-top: 0.5em;
		text-align: left;
	}
	.weatherForecastItem {
		padding: 0.5em 0.5em 0.5em 80px;
		background-color: #fff;
		background-position: left center;
	}
	.weatherForecastDay { 
		font-size: 1.1em;
	}
}

@media (min-width: 1601px){
	
	body {
		margin: 1em 3em;
		font-family: Tahoma, Genevam, sans-serif;
	}
	
	form { margin-bottom: 1em; }
	
	.weatherFeed {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		margin: 2em 3em;
		width: 280px;
	}
	.weatherFeed a { color: #888; }
	.weatherFeed a:hover {
		color: #000;
		text-decoration: none;
	}
	.weatherItem {
		padding: 0.8em;
		text-align: right;
		background-size:210px 145px;
	}
	.weatherCity { text-transform: uppercase; }
	.weatherTemp {
		font-size: 47px;
		font-weight: normal;
	}
	.weatherDesc, .weatherCity, .weatherForecastDay  {
		font-weight: bold;
	 
	 }
	.weatherDesc { margin-bottom: 0.4em; }
	.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 0.8em; }
	.weatherLink, .weatherForecastItem {
		margin-top: 0.5em;
		text-align: left;
	}
	.weatherForecastItem {
		padding: 0.5em 0.5em 0.5em 80px;
		background-color: #fff;
		background-position: left center;
	}
	.weatherForecastDay { 
		font-size: 1.1em;
	}
}


/** example_jquerytools.css **/

@charset "UTF-8";
/**
 * Stylesheet: example_jquerytools.css
 *
 * (c) 2011-2012 Zazar Ltd
 * 
 * Description: Example stylesheet using zWeatherFeed with jQuery Tools
 *
 **/

body {
	margin: 1em 3em;
	font-family: Tahoma, Genevam, sans-serif;
}

.weatherFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 2em 3em;
	width: 280px;
	color: #ccc;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover {
	color: #eee;
	text-decoration: none;
}
.weatherItem {
	text-align: right;
	background-size:180px 130px;
}
.weatherCity {
	text-align:right;
	direction:ltr;
	text-transform:	uppercase; 
	color: #000; 
}
.weatherTemp {
	text-align:right;
	direction:ltr;
	font-size: 49px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
}
.weatherDesc, .weatherCity { 
	text-align:right;
	direction:ltr;
	font-weight: bold;
	font-size:15px;
}
.weatherDesc {
	text-align:right;
	direction:ltr;
	margin-bottom: 0.4em; 
	color: #000; 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
.weatherRange, .weatherWind { 
	text-align:right;
	direction:ltr;
	font-size: 0.8em;
	color:#676767; 
	font-size:11px;
}
.weatherLink {
	margin-top: 5px;
	text-align: left;
	font-size: 0.8em;
}

.vertical {  
	position:relative;
	overflow:hidden;	
	height: 160px;	 
	width: 100%;
	-border: 4px solid #555;
	background:#e2e2e2;
}

.items {
	position:absolute;
	height:20000em;	
	margin: 0px;
}
.items div.weatherItem {
	height: 160px;
	width:76%;
}

.navi {
	width:288px;
	height:20px !important;
}
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url('navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;
	color:#000 !important;	
}
.navi a:hover {
	background-position:0 -8px; 
	color:#000 !important;	
}
.navi a.active { 
	background-position:0 -16px; 
	color:#000 !important;	
}


/** style.css **/

html, body{
	margin: 0;
	padding: 0;
}
body{
	background:#000;
}
.tf_bg{
	width:100%;
	height:100%;
	-position:fixed;
	top:0px;
	left:0px;
}

.tf_bg{
	left:auto;
	right: 0;
}


.tf_bg img{
	position:absolute;
	top:0px; /*-482px;	 -(imgh/2 - wh/2) */
	left:0px;	/* calculate a negative value to center horizontally */
	width:100%;	/* windowwidth plus negative value of left */
	/*height:1650px; /* windowheight plus negative value of top */
	z-index: 1;
	display:none;
}
.tf_pattern{
	position:absolute;
	width:100%;
	height:100%;
	background:transparent url(/images/icon/raster.png) repeat top left;
	z-index:2;
}
.tf_content{
	position:absolute;
	bottom:345px;
	left:40px;
	z-index:10;
	display:none;
	-background:url(/images/icon/bkwhite.png) repeat;
	padding:10px;
	line-height:370%;
}

.rtl .tf_content{
	left:auto;
	right: 4.3%;
	line-height:360%;
}


.tf_content h2{
	color:#fff;
	font-size:60px;
	padding:0;
	margin:0;
	font-family: 'Dancing Script', arial, serif;
	text-shadow:1px 1px 2px #000;
	letter-spacing:-3px;
	text-align:right;
	direction:rtl;
}

.rtl .tf_content h2{

	font-family: BYekan;
	font-size:32px;
	text-align:right;
	direction:right;
	word-spacing: -1px;
	letter-spacing: -1px;
}


.tf_content h4{
	color:#fff;
	font-size:34px;
	padding:0;
	margin:0;
	font-family: 'Dancing Script', arial, serif;
	text-shadow:1px 1px 2px #000;
	word-spacing:5px;
	text-align:right;
	direction:rtl;
}

.rtl .tf_content h4{
	color:#fff;
	font-size:39px;
	word-spacing: -1px;
	letter-spacing: -1px;
	padding:0;
	margin:0;
	font-family: BYekan;
	text-align:right;
	direction:ltr;
}



.tf_content p{
	color:#fff;
	padding:0;
	margin:0;
	background:transparent url(/images/icon/bg_content.png) repeat top left;
	padding:40px;
	width:500px;
	font-family: 'PT Sans Narrow', arial, serif;
	font-size:20px;
	line-height:25px;
	text-transform:uppercase;
	text-shadow:2px 2px 1px #000;
	-moz-box-shadow:1px 1px 5px #202020;
	-webkit-box-shadow:1px 1px 5px #202020;
	box-shadow:1px 1px 5px #202020;
	border:4px solid #fff;
}
.tf_thumbs{
	position:absolute;	
	z-index:12;
	left:50px;
	top:68%;
	margin-top:-79px;
	border:4px solid #fff;
	-moz-box-shadow:1px 1px 5px #202020;
	-webkit-box-shadow:1px 1px 5px #202020;
	box-shadow:1px 1px 5px #202020;	
	-webkit-box-reflect:
		below 5px
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(transparent),
			color-stop(0.6, transparent),
			to(rgb(18, 18, 18))
		);
}

.rtl .tf_thumbs{
	position:absolute;	
	z-index:12;
	left:auto;
	right: 5%;
	top:68%;
	margin-top:-79px;
	border:4px solid #fff;
	-moz-box-shadow:1px 1px 5px #202020;
	-webkit-box-shadow:1px 1px 5px #202020;
	box-shadow:1px 1px 5px #202020;	
	-webkit-box-reflect:
		below 5px
		-webkit-gradient(
			linear,
			right top,
			right bottom,
			from(transparent),
			color-stop(0.6, transparent),
			to(rgb(18, 18, 18))
		);
}


.tf_thumbs img{
	display:block;
}
.tf_loading{
	position:fixed;
	top:50%;
	left:50%;
	margin:-30px 0px 0px -30px;
	width:60px;
	height:60px;
	background:#fff url(/images/icon/loader.gif) no-repeat center center;
	z-index:999;
	opacity:0.7;
}
.tf_next,
.tf_prev{
	width:35px;
	height:14px;
	position:absolute;
	top:68%;
	left:320px;
	z-index:100;
	cursor:pointer;
	background:transparent url(/images/icon/nav.png) no-repeat top left;
	opacity:0.5;
}

.rtl .tf_next,
.tf_prev{
	left:auto;
	right: 380px;
}


.ltr .tf_next,
.tf_prev{
	left:auto;
	left: 360px;
}

.tf_next{
	background-position:0px -14px;
	margin-top:80px;
}
.tf_prev{
	background-position:0px 0px;
	margin-top:-55px;
}
.tf_next:hover,
.tf_prev:hover{
	opacity:0.9;
}
.tf_zoom,
.tf_fullscreen{
	width:20px;
	height:20px;
	position:absolute;
	top:6px;
	right:6px;
	cursor:pointer;
	z-index:100;
	opacity:0.6;
	-background:transparent url(/images/icon/icons.png) no-repeat top left;
}
.tf_zoom{
	background-position:0px -20px;
}
.tf_fullscreen{
	background-position:0px 0px;
}
.tf_zoom:hover,
.tf_fullscreen:hover{
	opacity:0.9;
}
.reference{
	position:fixed;
	bottom:0px;
	right:0px;
	-background:#000;
	height:37px;
	text-align:right;
	width:100%;
	text-shadow:1px 1px 1px #000;
	z-index:999;
	-opacity:0.8;
}
.description{
	position:fixed;
	top:5px;
	right:5px;
	text-shadow:1px 1px 1px #000;
	z-index:999;
}
.reference a, .description span{
	color:#fff;
	-text-transform: uppercase;
	margin-left:4px;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
}
a.last{
	float:left;
	line-height:23px;
}
.reference a:hover{
	text-shadow:0px 0px 1px #fff;
}

/** jquery.vegas.min.css **/

.vegas-loading{border-radius:10px;background:#000;background:rgba(0,0,0,.7);background:url(images/loading.gif) no-repeat center center;height:32px;left:20px;position:fixed;top:20px;width:32px;z-index:0}.vegas-overlay{background:transparent url(overlays/01.png);opacity:.5;z-index:-1}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none!important;z-index:-2}.vegas-overlay,.vegas-background{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/** magiczoom.css **/

/*


   Magic Zoom v4.5.28 
   Copyright 2014 Magic Toolbox
   Buy a license: www.magictoolbox.com/magiczoom/
   License agreement: http://www.magictoolbox.com/license/


*/
.MagicZoom, .MagicZoom * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* Style of the small image link */
.MagicZoom, .MagicZoom:hover {
	
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr;
    max-width: 100%;
}

/* Style of the main image */
.MagicZoom img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    height: auto;
}

.MagicZoom > img {
    width: 100%;
}

.MagicZoom.magic-for-ie8,
.MagicZoom.magic-for-ie8 > img {
    max-width: none !important;
}

.MagicZoom.magic-for-ie7 > img, .MagicZoom.magic-for-ie5 img {
    width: auto;
}

td > .MagicZoom > img, td > .MagicZoom.magic-for-ie8 > img {
    max-width: none;
    width: auto;
}

/* Style of the hint text and image */
/*.MagicZoomHint {
    background: url(graphics/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-size: 8pt;
    font-family: sans-serif;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none;
}*/

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style to hide external title on a page. Only needed for #id method */
.MagicZoomExternalTitle {
    display: none;
}

.magic-temporary-img img {
    max-height: none !important;
    max-width: none !important;
}

/* Style of the zoomed image */
.MagicZoomBigImageCont {
    background: #ffffff;
	color: #fff !important;
    border: 1px solid #999;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
	-left: 658px !important;
	/*left: 41.5% !important;
	right: auto !important;
	width: 380px !important;*/
	right: 43.5% !important;
	width: 582px !important;
    height: 550px !important;
	left: auto !important;
}

.MagicZoomBigImageCont.inner-zoom {
    border: 0;
}

.MagicZoomBigImageCont img {
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    width: auto !important;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
    background: #fff;
    border: 3px solid #aaa;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
	-width: 120px !important;
	-height: 120px !important;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #888888;
-webkit-box-shadow: 0px 0px 4px 4px #888888;
box-shadow: 0px 0px 4px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}
.MagicZoomBigImageCont div:first-child{
	opacity:0 !important;
}
.MagicZoomBigImageCont img{
	z-index:10;
	background-color:#fff;
}


/** index.css **/

@media print {
	.noprint {
		display: none;
		
	}
}

@font-face {
    font-family: "raleway_thin";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/font/raleway_thin-webfont.eot?#iefix") format("embedded-opentype"),
    url("/assets/font/raleway_thin-webfont.woff") format("woff"),
    url("/assets/font/raleway_thin-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSans";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/font/museosans_300-webfont.eot?#iefix") format("embedded-opentype"),
    url("/assets/font/museosans_300-webfont.woff") format("woff"),
    url("/assets/font/museosans_300-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSans_xFat";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/font/museosans_900-webfont.eot?#iefix") format("embedded-opentype"),
    url("/assets/font/museosans_900-webfont.woff") format("woff"),
    url("/assets/font/museosans_900-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSans_Thin";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/font/museosans_100-webfont.eot?#iefix") format("embedded-opentype"),
    url("/assets/font/museosans_100-webfont.woff") format("woff"),
    url("/assets/font/museosans_100-webfont.ttf") format("truetype");
}
@font-face {
    font-family: 'century_gothicregular';
    src:url('/assets/font/gothic-webfont.eot?') format('embedded-opentype'),
		url('/assets/font/gothic-webfont.woff') format('woff'),
		url('/assets/font/gothic-webfont.ttf') format('truetype'),
		url('/assets/font/gothic-webfont.svg#century_gothicregular') format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: BYekan;
    src: url('/assets/font/yekan.eot'); /* IE9 Compatibility Modes */
    src: /*local("B Yekan"), local("Yekan"),*/
        url('/assets/font/yekan.eot?') format('eot'),  /* IE6-IE8 */
        url('/assets/font/yekan.woff') format('woff'), /* Modern Browsers */
        url('/assets/font/yekan.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: BYekanBold;
    src: url('/assets/font/yekanb.eot'); /* IE9 Compatibility Modes */
    src:
        url('/assets/font/yekanb.eot?') format('eot'),  /* IE6-IE8 */
        url('/assets/font/yekanb.woff') format('woff'), /* Modern Browsers */
        url('/assets/font/yekanb.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: bold;
    font-style: normal;
}



@font-face {
  font-family: "BNassim";
  src: url("/assets/font/nassim/nassim-regular.eot");
  src: local("☺"),
	url('/assets/font/nassim/nassim-regular.eot?') format('eot'),
	url("/assets/font/nassim/nassim-regular.woff") format("woff"),
	url("/assets/font/nassim/nassim-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BNassim";
  src: url("/assets/font/nassim/nassim-bold.eot");
  src: local("☺"),
	url('/assets/font/nassim/nassim-bold.eot?') format('eot'),
	url("/assets/font/nassim/nassim-bold.woff") format("woff"),
	url("/assets/font/nassim/nassim-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

/*----------------------------- global */
html, body, div, span, img, a, form , ul, li, p{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

.rtl span, a, div{
	font-family:BYekan, Helvetica, sans-serif;
}

.ltr span, a, div{
	font-family:arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*.rtl span, a, div{
	font-family:Byekan;
	font-size:15px;
}*/

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: default;
}

input, select, option, textarea {
	font-family: Tahoma, Roboto, Ubuntu, sans-serif;
	font-weight: normal;
}

input, select, option, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

fieldset{
	width:320px;
}

.lt-ie9  fieldset{
	padding:10px;
	margin-bottom:20px;
}

li {
	list-style: none;
}
td {
	vertical-align: top;
}

div{
	text-align:justify;
}

:focus {
	outline: 0;
}

a {
	text-decoration: none;
}

.rtl a {
	font-family: BYekan !important;
	-font-size: 15px !important;
}

a:hover {
	-color:#29AAE7;
}

.rtl  a{
	font-family:  Tahoma, Geneva, sans-serif;
}

img {
	border: none;
}
textarea {
	resize: vertical;
}

.hidden {
	display: none;
}
.clb {
	clear:both;
	height:0px;
}
.clr {
	clear:right;
}

.cll {
	clear:left;
}
.invisible {
	visibility:hidden;
}

.flr{
	float:right;
}
.fll{
	float:left;
}
.tar{
	text-align:right;
}
.tal{
	text-align:left;
}
.errMsg, .errordiv , .succMsg{
    background: #c00;
    color: #fff;
    padding: 5px;
    font-size: 11px;
    margin-bottom: 5px;
}
.succMsg {
    background: #369;
}

.ltr{
	direction:ltr;		
}
.rtl{
	direction:rtl;	
	
}
/*---------------Padding--------------------*/
.p15{
	padding:15px;
}

.p5{
	padding:5px;
}

.p20{
	padding:20px;
}

.p10{
	padding:20px;
}
.pt8{
	padding-top:8px;	
}
.pt10{
	padding-top:10px;	
}

.pt20{
	padding-top:20px;	
}


.pr10{
	padding-right:10px;	
}

.pr20{
	padding-right:20px;	
}

.pl10{
	padding-left:10px;	
}
.pl15{
	padding-left:15px;	
}
.pl20{
	padding-left:20px;	
}
.pr15{
	padding-right:15px;	
}
.pl20{
	padding-left:20px;	
}

.pb5{
	padding-bottom:5px;
}


.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
/*---------------Margin--------------------*/
.mt5{
	margin-top:5px;	
}
.mt10{
	margin-top:10px;	
}
.mt15{
	margin-top:15px;	
}
.mt20{
	margin-top:20px;	
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr35{
	margin-right:35px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml5{
	margin-left:5px;
}
.ml15{
	margin-left:15px;
}

.mr5{
	margin-right:5px;	
}
.mr15{
	margin-right:15px;	
}
.mr25{
	margin-right:25px;	
}
.mb20{
	margin-bottom:20px;	
}

.mb10{
	margin-bottom:10px;	
}
.mb5{
	margin-bottom:5px;	
}
.mb15{
	margin-bottom:15px;	
}

.mb25{
	margin-bottom:0px;	
}

.m10{
	margin:10px;
}

.m5{
	margin:5px;
}

/******************************************************* SABA STYLES *********************************************************/


/*-------------------- General styles ----------------------*/
body{
	position:relative;
	background:#E2E2E2 url(/images/icon/raster.png) repeat !important;
	-overflow:hidden;
}


.HomeBg{
	-background-attachment:fixed;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
	width:100%;
	z-index:0;
	display:none;
	height:100%;
}

.BgSlider{
	background:url(/images/icon/raster.png) repeat;
	height:100%;
}

.active_class{
	display:block;
}
.pageHolder{
	position:relative;
	max-width:1000px;
	padding:0px;
	margin:0px auto;	
}

.pageHolder1{
	position:relative;
	max-width:1000px;
	padding:0px;
	margin:0px auto;	
}

#MainArea{
	-background:#fff url(/images/bg/inner-bgleft.png) repeat-x top center;
}
.ContentBox{
	-background:#fff;
}
.ModuleBox{
	position:absolute;
	-width:69%;
	top:0px;
	margin-left:280px;
	padding-left:35px;
	-padding-right:35px;
	padding-top:10px;
	-padding:15px 10px;
	background:#fff;
	padding:20px;
	min-height:1124px;
	-box-shadow:2px 0px -2px rgba(0, 0, 0, 0.15);
	-padding-bottom: 18px;
}

.rtl .ModuleBox{
	margin-right:280px;
	padding-right:20px;
	width:69%;
}

.TxtBox{
	padding:8px 0px;
	border-bottom:solid 1px #626262;	
}
.PicBox{
	width:120px;
	height:120px;
	float:right;
	margin:4px 0 10px 10px;
	border:solid 1px #E6E2E2;	
}
.fixer{
	background:#FFF url(/images/bg/inner-bg.png) no-repeat right top;
	background-attachment:fixed;
}
.SecondPage{
	width:100%;
    background:#eeeeee;
}

.HomePicBox{
	float:left;
	width:320px;
	height:202px;
	margin:5px;
	background:#3293CD;
	margin:32px 20px 32px 0;
}
.SecondBanner{
	width:100%;
	height:304px;
	background:url(/images/bg/Untitled-1.jpg) no-repeat center center;	
}
.internallbanner{
	width:100%;
	-background:#E2E2E2 url(/images/logo/pattern.png) repeat;
	-height:135px;	
}
.BannerTitle{
	position:absolute;
	top:45px;
	left:0px;
	width:70%;
	font-size:37px;
	color:#FFF;
	padding:0px 10px;	
}
.BannerSummary{
	position:absolute;
	top:0px;
	right:0px;
	width:27%;
	padding:0 8px;
	height:135px;
	background:url(/images/bg/bannersummary.png) repeat left top;
}
.BannerSummary span{
	position:absolute;
	right:8px;
	left:8px;
	top:15px;
	font-size:15px;
	color:#FFF;	
	text-align:left;
}

/*-------------------- End General styles ------------------*/

/*-------------------- Header ----------------------*/


IconHeader{
	float:right;
	position:relative; 
	z-index:100000; 
	right:553px;	
}

header{
	-position:absolute;
	-background:#fff repeat top center;
	-height:116px;
	width:100%;
	z-index:10000;
	top:0;
}

.redsection{
	background:url(/images/bg/nav-bg.png) repeat-x left top;
	display:none;
	height:32px;	
}
.headericon{
	position:absolute;
	right:0px;
	width:120px;
	height:54px;
}
.switch{
	float:right;
	width:30px;
	height:29px;
	margin-top:12px;
	margin-left:10px;
	background-position:center bottom;
	background-repeat:no-repeat;
}
.searchBox{
	float:right;
}
.SearchInput{
	width:160px; 
	height:22px; 
	background-color:#2e201a; 
	color:#F49E1D; 	
	font-size:12px;
	border:none;
	margin-top:9px;
}
.TopLogo{
	position:absolute;
	left:0px;
	top:22px;
	width:275px;
	height:80px;
	background:url(/images/logo/safari-logo.png) no-repeat center center;
	z-index: 3000;
}


/*.rtl .TopLogo{
	position:absolute;
	right:-87px;
}*/


.TopLogoHome{
	position:absolute;
	left:0px;
	top:11px;
	width:275px;
	height:80px;
	background:url(/images/logo/safari-logo.png) no-repeat center center;
	z-index: 3000;

}


.rtl .TopLogoHome{
	left:-16px;
}

.tf_content{
	bottom:480px !important;
}


.TopLogoinner{
	position:absolute;
	left:0px;
	top:11px;
	width:275px;
	height:80px !important;
	background:url(/images/logo/safari-logo.png) no-repeat left center;
	z-index: 3000;

}

.backHeader{
	background: #fff !important;
}



/*.rtl .TopLogoinner{
	position:absolute;
	right:0px;

}*/



.TopLogo1{
	position:absolute;
	left:0px;
	top:0px;
	width:186px;
	height:54px;
	background:url(/images/logo/safari-logo.png) no-repeat center center;

}


#navigation{
	position:fixed;
	-width:100%;
	min-height: 40px; /*- shrunk height */
	max-height: 140px; /*- allows strechyness on scroll passed top */
	height: 116px; /*- start height */
	-background:#fff;
	z-index:10000;
	top:0;
	-right:-690px;
	-padding-top:50px;
	-margin-right:290px;

}

#navigation ul li{
	-margin-left:100px;

}

#navigation li{
	-display: inline;
	float:left;
	margin-right:4px;
}

.rtl #navigation li{
	-display: inline;
	float:right;
	margin-right:0px;
}


#navigation li a{
	-display:inline-block;
	-width:auto;
	-margin-left:20px;
	-height: 100px; /*- set same as "start height" */
	-line-height:100px; /*- set same as "start height" */
}
#nextElementFix{
	width:100%;
	padding-top:100px; /*- set same as "start height" */
}
/*----------Style------------*/

#memo{
	font-family: helveticaNeueLight;
	color: black;
	background-color:#EFEFEF;
	border-radius: 50px;
	margin: 75px;
	padding: 20px;
	float:right;
}
#memo a{
	font-family: helveticaNeueLight;
	font-size:18px;
	color:#FF6BA4;
}

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */


nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

	input[type=radio] {
		border-radius: 100% !important;
		bottom: 3px !important;
		position: relative !important;
		vertical-align: middle !important;
		width: 17px !important;
		height: 20px !important;
	}

nav{
	position:absolute;
	right:-15px;
	width:622px;
	height:36px;
	top:84px;
}
.Menu{
	-float:right;
	direction:rtl;
	height:15px;
	position:relative;
	right:0px;
	top:17px;
	z-index:10000;
}

.MenuHome{
	-float:right;
	direction:rtl;
	height:15px;
	position:relative;
	right:0px;
	top:-77px;
	z-index:10000;
}

.rtl .namemanageraside{
	vertical-align:
	text-bottom;
	padding-left: 8px;
	color:#242424;
	font-family: Byekan;
}

.namemanageraside{
	vertical-align:
	text-bottom;
	padding-left: 8px;
	color:#242424;
}



.MenuItem{
	position:relative;
	float:left;
	height:20px;
	padding:15px 4px;
	color:#000;
	font-family:century_gothicregular ,Arial;
	text-align:center;
	font-size:13px;
	z-index:11000;
	cursor:pointer;
	letter-spacing: -0.2px;
	font-weight: 700;
}

.rtl .MenuItem{
	position:relative;
	float:left;
	height:20px;
	padding:15px 8px;
	color:#373737;
	font-family:BYekanBold !important;
	font-size:19px !important;
	font-weight: normal !important;
}


.MenuItem:hover{
	color:#663333;
}
.MenuArrow{
	position:absolute;
	top:35px;
	width:179px;
	height:20px;
	background:url(/images/arrow/MenuArrow.png) no-repeat center;
	display:none;
	z-index:10000;
}

.MenuArrow1{
	position:absolute;
	top:35px;
	width:179px;
	height:20px;
	background:url(/images/arrow/MenuArrow.png) no-repeat center;
	display:none;
	z-index:10000;
}

.MenuPointer{
	float:left;
	border-right:solid 1px #dedede;
	height:30px;	
}
.MenuItem:hover .MenuPointer{
	border-color:#663333;
}

.menuBox1 {
    float: right;
	width:688px;
	margin-right:25px;
	margin-left:0;
}

.topLinklang {
    float: right;
    margin-bottom: 35px;
    direction: ltr;
    height: 14px;
	margin-right:0px;
	margin-top:-45px;

}

.language1{
	float:right;
	-background-color:#1b1b1b;
	height:50px; 
	padding-top:20px;
	margin-top:-73px;
	position:absolute;
	right:0px;	
}


.Sepratormenutop{
	float:right;
	margin-top:0px;
	border-right:solid 1px #ccc;
	height:15px;
	margin-left:8px;
}


.SubMenu{
	position:absolute;
	top:49px;
	left:5px;
	display:none;
	direction:ltr;
	width:195px;
	z-index:100000000;
	overflow:hidden;
	border:0;
	background:#000;
	
} 

.SubMenu > li {
	width: 124px;
}

.rtl .SubMenu{
	right:10px;
	display:none;
	direction:rtl;
	width:210px;
	
} 

.weatherLink{
	display: none !important;
}

.Menu li:hover .SubMenu{
	-visibility:visible !important;
}


.MenuHome li:hover .SubMenu{
	-visibility:visible !important;
}


.SubMenuItem{
	float:left;
	height:20px;
	width:190px;
	padding:7px;
	font-family:century_gothicregular,Arial;
	text-align:left;
	font-size:13px;
	padding-left: 13px;
}

.rtl .SubMenuItem{
	float:right;
	font-family:BYekan !important;
	text-align:right;
	font-size:15px;
	padding-right:15px;
	padding-top:4px;
	height:25px;
}



.SubMenuItem{
	color:#FFF;
}
.SubMenuItem:hover{
	color:#fff;
	background:#663333;
}
.Seprator{
	float:left;
	margin-top:18px;
	border-right:solid 1px #2b2b2b;
	height:15px;
}
.SubSeprator{
	float:left;
	border-right:solid 1px #000;
	height:17px;
	margin-top:2px;

}
.active{
	border-color:#663333;
	-color:#97B62D;	
}
/*-------------------- End Header ------------------*/

/********************* Breadcrumb *******************/


.Sepratorflag{
	-float:right;
	margin-top:-3px;
	width: 1px;
	height: 25px;
	background: #cbcbcb;
}




.BreadCrumbBox{
	position:absolute;
	left:15px !important;
	top:18px;
	-background:#FFF;
	text-align:left;
	height:29px;
	min-width:200px;
	padding:13px 10px 0 10px;
	-border-top:5px solid #f26200;
	padding-left:0;
}

.rtl .BreadCrumbBox{
	right:15px !important;
	padding-right:0;
}


.HBreadCrumbBox{
	position:absolute;
	left:0px;
	top:-40px;
	background:#FFF;
	text-align:left;
	height:35px;
	min-width:42px;
	padding:13px 0px 0 10px;
}

.BreadCrumbIcon{
	background:url(/images/logo/home-icon.png) no-repeat center center;
	width:25px;
	height:22px;
	margin-top:-5px;
}
.HBreadCrumbIcon{
	background:url(/images/bg/homebread.png) no-repeat center center;
	width:32px;
	height:22px;
	margin-top:-4px;
}

.BreadCrumb{
	color:#151515;
    float: left;
    font-family: arial;
    font-size: 12px;
	padding-top:2px;
    font-weight: bold;
}

.rtl .BreadCrumb{
    font-family: BYekan;
    font-size: 13px !important;
    float: right;
    font-weight: normal;
    padding-bottom: 5px;

}


.HBreadCrumb{
	float:left;
	font-size:12px;
	color:#878787;
}

.BreadCrumbArrow{
	float:left;
	width:6px;
	height:13px;
	margin:3px 8px 0 8px;
	background:url(/images/arrow/bread.png) no-repeat center center;
}

.rtl .BreadCrumbArrow{
	float:right;
	background:url(/images/arrow/iraninfoitem-ar.png) no-repeat center bottom;
	padding-bottom: 3px;
}


.HBreadCrumbArrow{
	float:left;
	width:6px;
	height:13px;
	margin:2px 8px 0 8px;
	background:url(/images/arrow/bread.png) no-repeat center center;
}
/**

/************** End Breadcrumb **************/

/************** Home **************/
#Home{
	-min-height:743px;	
}
.HomeTxt{
	position:relative;
	top: 80px;
	left:0px;
	width:50%;
	-height:100%;	
	overflow:hidden;
}
.HTitle1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	background:url(/images/bg/hometxtbg.png) repeat;
	color:#fff;
	margin-bottom:-23px;
	float:left;
	letter-spacing:-3px;
	font-weight:bold;
	padding-right:5px;
	direction:rtl;
	width:420px;
	text-shadow:2px 0px 1px #2e2e2e;
}
.HTitle2 a{
	font-family:Arial;
	font-size:88px;
	color:#FFF;
	margin-bottom:3px;
	float:left;
	font-weight:bold;
	padding-right:5px;
	direction:rtl;
	width:420px;
	text-shadow:2px 0px 1px #2e2e2e;
}
.element1 , .element2 , .element3{
	position:absolute;
}

.ControllerInnerBox{
	margin:0px auto;
}

.ControllerBox{
	position:relative;
	height:20px;
	bottom:50px;
	right:0px;
	cursor:pointer;
	width:1000px;
	margin:0 auto;
	padding:0;
}
.controller{
	float:right;
	background:#FFF;
	-border:solid 1px #06F;
	width:15px;
	height:20px;
	-border-radius:50px;
	background:url(/images/bullet/Bullet-Default.png) no-repeat ;
}

.controller:hover{
	background:url(/images/bullet/Bullet-Hover.png) no-repeat ;
}


.activeBullet{
	float:right;
	background:url(/images/bullet/Bullet-Active.png) no-repeat center center !important;
	width:16px;
	height:16px;
}

.TextOverPic{
	text-align:center;
	margin-top:50px;
	color:#29AAE7; 
	font-size:15px;
	margin-right:40px;	
}

.boxgreen{
	width:36px;
	height:34px;
	background:#A5B631;
	direction:rtl;
	position:absolute;
	left:385px;
	text-align:right;
}

/*---------- end Home -----------*/


/************** aside **************/
/*@media (min-width: 230px) and (max-width: 924px){
    .leftaside{
        width: 210px;
    }
}

@media (min-width: 924px) and (max-width: 1023px){
    .leftaside{
        width: 210px;
    }
}
@media (min-width: 991px) and (max-width: 992px){
    .leftaside{
        width: 233px;
    }
}

@media (min-width: 1023px) and (max-width: 1185px){
    .leftaside{
        width: 248px;
    }
}
@media (min-width: 1185px) and (max-width: 1245px){
    .leftaside{
        width: 330px;
    }
}
@media (min-width: 1245px) and (max-width: 1345px){
    .leftaside{
        width: 365px;
    }
}
@media (min-width: 1345px) and (max-width: 1425px){
    .leftaside{
        width: 410px;
    }
}
@media (min-width: 1425px) and (max-width: 1505px){
    .leftaside{
        width: 450px;
    }
}
@media (min-width: 1768px){
    .leftaside{
        width: 620px;
    }
}
@media (min-width: 1979px){
    .leftaside{
        width: 725px;
    }
}
*/

.ImageMapAside{
	width:262px;
	/*height303px;*/
	margin-top:7px;
	-border: 1px solid #c0c0c0;
	-margin-left: 5px;
}


.rtl .ImageMapAside{
	-margin-right: 5px;
}

.asideblock{
	float:left;
}

.rtl .asideblock{
	float:right;
	margin-right:-5px; 
}

.picmanager{
	float: left;
}

.rtl .picmanager{
	float: right;
}

.Iconflowus{
	margin-left: 151px;
	padding-top:35px;
	width: 125px;	
	position: absolute;
}

.rtl .Iconflowus{
	margin-right: 159px;
}

.TellManager{
	margin-top:2px;
	position:absolute;
	margin-left:4px;
}

.rtl .TellManager{
	margin-top:-2px;
	position:absolute;
	margin-right:-210px;
}

.flagmanager{
	padding-left: 6px;
}

.rtl .flagmanager{
	padding-right: 15px;
	float: right;
}

/********************* Site map Page  **********************/

.sitemaptitle{
	color:#1b1b1b;
	font-family:BYekan;
	font-size:18px;
	font-weight:normal;	
	margin-bottom:15px;
}

.sitemaptitle a {
	color:#76858F;
	margin-right:25px;
		
}

.ltr .sitemaptitle a {
	color:#76858F;
	margin-right:0px;
	margin-left:25px;
		
}



aside{
	-position:absolute;
	left:0px;
	-width:27.5%;
	min-height:1100px;	
	padding:0px 0px;
	background:#fff;
	-padding-top:5px;
	float:left;
	padding-left:13px;
	-box-shadow:0 1px 7px rgba(0, 0, 0, 0.15);
}


.rtl aside{
	right:0px;	
	float:right;
	padding-right:13px;
	-padding-bottom: 10px;
}


.AsideContactus{
	padding:0px 8px !important;
	border:solid 1px #e7e6e1;
	width:243px;
	margin-left:5px;	
}

.rtl .AsideContactus{
	margin-right:5px;	
}

	.asideCombo{
		float:left;
		padding:5px;
		border:solid 1px #d2d2d2;
		height:30px !important;
		width:246px !important;
		margin-left:4px;
	}

	.WeatherBox{
		position:relative;
		float:left;
		width:247px;
		height:192px;
		padding:15px 10px;	
		background:#e2e2e2;
		margin-left:5px;
		padding-left:5px;
		padding-right:8px;
		border:1px solid #c0c0c0;
		margin-right:5px;
		margin-top:20px;
	}

	.rtl .WeatherBox{
		margin-top:30px;
	}

.FramePicAside{
	width:264px; 
	height:165px; 
	-background-color:#cacaca;
	margin-bottom:7px;
	padding:6px;	
}


.asidetitle{
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	text-align:left;
	color:#011121;
	margin:8px 0;
	margin-left:0;
	height:30px;
	-padding-left:5px;
}

.asidetitleNext{
	font-size:15px;
	color:#63ace0;
	padding-left:10px;	
}

.asideBoxEnd{
	width:240px; 
	-min-height:170px; 
	background-color:#fff; 
	margin-bottom:7px;
	padding:5px;
	margin-right:5px;
}

.asideBoxEndPic{
	float:right;
	padding:13px; 
	color:#4dadde;
	width:108px;
	padding-left:0;
	height:80px;	
}


.asideitem{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	color:#898989;
	-background:url(/images/arrow/bulletaside.png) no-repeat right 4px;
	padding-right:0px;
	margin-bottom:8px;
	padding:5px;
	border-bottom:1px dotted #2e2e2e;
	margin:0 7px 5px 0px;
	padding-bottom:10px;
	padding-left:0px !important;
}

.rtl .asideitem{
	font-family:BYekan;
	font-size:13px;
	text-align:right;
	padding-left:0px;
	margin:0 0px 5px 7px;
	padding-right:0px !important;
}

.Innerasidecontact{

	margin-left:15px;
	color:#2e2e2e;
	float: left;
	clear: both;
	text-align: left;
	direction: ltr;
}


.rtl .Innerasidecontact{

	margin-left:15px;
	color:#2e2e2e;
	float: right;
	clear: both;
	text-align: right;
	direction: rtl;
}




.asideitem a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3d8fb3;
	-font-weight:bold;
}
.asideitem a:hover{
	color:#000;
}

.asidecontact{
	float:left;
	width:165px;
	color:#A3A3A3;
	font-weight:bold;
	padding-left:10px;
	background:url(/images/arrow/redarrow.png) no-repeat left 3px;
}
.asidecontactitem{
	float:right;
	width:165px;
	font-weight:normal;
	line-height:18px;	
}

/* NINTH EXAMPLE*/
.view-ninth .mask-1, .view-ninth .mask-2 {
    background-color: rgba(0, 0, 0, 0.5);
    height: 361px;
    width: 361px;
    background: rgba(119, 0, 36, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;
}
.view-ninth .mask-1 {
    left: auto;
    right: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.view-ninth .mask-2 {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.view-ninth .content {
    background: rgba(0, 0, 0, 0.9);
    height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    width: 361px;
    overflow: hidden;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}
.view-ninth h2 {
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.view-ninth a.info {
    display: none;
}
.view-ninth:hover .content {
    height: 120px;
    width: 300px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    top: 40px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}
.view-ninth:hover .mask-1, .view-ninth:hover .mask-2 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.view-ninth:hover .mask-1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px);
}
.view-ninth:hover .mask-2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px);
}

/*---------- Galler Effect Page -----------*/

.GalleryDate{
	float:left;
	margin:10px 0px;
}
.DarkBg{
	position:absolute;
	left:1px;
	width:258px;
	height:172px;
	background:url(/images/bg/DarkBg.png) repeat left top;
}



/*---------- inner Page ----------*/
.facebook{
	background:#2daae1 url(/images/arrow/ff.png) no-repeat 10px 6px;
	width:216px;
	height:27px;
	color:#fff;
	position:absolute;
	left:0;
	top:13px;
	padding-top:12px;
	font-size:14px;
	font-weight:600;
	padding-left:30px;
}

.DivBreadcrumb{
	width:0px;
	height:27px;
	background:#98b72e;
	color:#fff;
	position:absolute;
	margin-left:260px;
	top:13px;
	padding-top:12px;
	font-size:14px;
	font-weight:600;
	padding-left:15px;	
}

.Boxhunt{
	float:right;
	width:50px;
	height:30px;
	background:url(/images/bg/DarkBg.png) repeat;	
	color:#fff;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-right:14px;
	font-weight:bold;
	
}

.TextHunt{
	padding-top:8px;
	margin-bottom:10px;
	font-weight:normal;
	line-height:180%;
	
}

/************** Footer **************/
footer{
	width:100%;
	height:38px;
	background:#000000;
	-border-bottom:3px solid #fff;
	position:absolute;
	bottom:0;
}
.Footertxt1{
	position:absolute;
	left:0px;
	top:17px;
	color:#575757;
}

.rtl .Footertxt1{
	left: auto;
	right:0px;
	top:13px;
}


.Footertxt2{
	float:right;
	color:#fff;
	margin-right:170px;
	font-weight:bold;
	position: absolute;
	top:-1px;
	right:0px;
	width: 200px;

	
}

.rtl .Footertxt2{
	float:right;
	color:#fff;
	margin-right:712px;
	font-family: BYekanBold;
	font-size: 16px;
	position: absolute;
	top:-6px;
	width: 150px;
	
}


.Footertxt2 a{
	color:#aaa;
}
.Footertxt2 a:hover{
	color:#1C8ACB;
}
.Footertxt3{
	float:right;
	text-align:left;
	direction:ltr;
	color:#aaa;
	margin-right:5px;
}


.rtl .Footertxt3{
	float:left;
	text-align:right;
	direction:rtl;
	color:#aaa;
	margin-left:5px;
	font-family: BYekan;
	font-size: 13px;
}


.menufooter {
    float: right;
    min-height: 20px;
    font-size: 12px;
    color: #525252;
}

.rtl .menufooter {
    float: left;
    min-height: 30px;
    font-size: 12px;
    margin-top: -30px;
    color: #393233;
    font-family: BYekan;
}

.menufooter li {
    position: relative;
    float: left;
    list-style: none;
	color:#fff;
}

.rtl .menufooter li {
    position: relative;
    float: right;
    list-style: none;
}

.menufooter li a {
    font-size: 14px;
    height: 40px;
    color: #fff;
    padding: 0px 5px 0px;
    margin: 0;
	font-family:BYekan, Helvetica, sans-serif;
}

.menufooter li a:hover {
    font-size: 14px;
    height: 40px;
    color: #1C8ACB;
    padding: 0px 5px 0px;
    margin: 0;
	font-family:BYekan, Helvetica, sans-serif;
}

.Seperatorfooter{
	height:15px;
	width:1px; 
	background-color:#393233;	
}

.SocialIconsBox{
	position:absolute;
	right:0px;
	width:215px;
	height:38px;
	top:-12px;
}


.rtl .SocialIconsBox{
	position:absolute;
	right: 830px;
}


.SocialIcon1{
	float:right;
	width:28px;
	height:28px;
	margin:4px 0 0 5px;
	background:url(/images/icon/fb.png) no-repeat center center;
}
.SocialIcon2{
	float:right;
	width:28px;
	height:28px;
	margin:4px 0 0 5px;
	background:url(/images/icon/vk1.png) no-repeat center center;
}
.SocialIcon3{
	float:right;
	width:28px;
	height:28px;
	margin:4px 0 0 5px;
	background:url(/images/icon/in.png) no-repeat center center;
}
.SocialIcon4{
	float:right;
	width:28px;
	height:28px;
	margin:4px 0 0 5px;
	background:url(/images/icon/insta.png) no-repeat center center;
}

.SocialIcon5{
	float:right;
	width:28px;
	height:28px;
	margin:4px 0 0 5px;
	background:url(/images/icon/y.png) no-repeat center center;
}


.SocialIcon6{
	float:right;
	width:28px;
	height:28px;
	margin:4px 0 0 5px;
	background:url(/images/icon/twitter1.png) no-repeat center center;
}


/*---------- end Footer -----------*/

/************** Titles **************/

.topLinklang {
    float: right;
    margin-bottom: 35px;
    direction: ltr;
    height: 39px;
	margin-right:0px;
	margin-top:-12px;

}

.language{
  	background-color: #98B72E;
    float: left;
    height: 27px;
    margin-top: -25px;
    padding-top: 13px;
    width: 400px;
}

.menuBox {
    float: left;
	margin-left:20px;
    position: relative;
    width: 693px;
    top: 53px;
}


.PageTitle h1{
	float:left;
	font-family:Tahoma,Arial;
	font-size:28px;
	color:#333;	
	font-weight:normal;
	direction:ltr;
	width:680px;
	margin-bottom:21px;
}

.rtl .PageTitle h1{
	float:right;
	font-family:BYekanBold;
	font-size:25px;
	direction: rtl;
}

.Title h2{
	float:left;
	font-family:Arial;
	font-weight: normal;
	font-size:18px;
	letter-spacing:1px;
	color:#333;
	direction:ltr;
	-width:655px;
	background:#9999;
	padding-right:5px;
	text-align:left;
	margin-bottom:15px;
	background-color:#fff;
	position:relative;
	z-index:100;
}

.rtl .Title h2{
	float:right;
	font-family:BYekanBold;
	direction:rtl;
	padding-left:5px;
	text-align:right;
}


.TitleAbout{
	float:left;
	font-family:Arial;
	font-size:29px;
	letter-spacing:1px;
	color:#898989;	
	font-weight:bold;
	direction:ltr;
	-width:655px;
	background:#9999;
	padding-right:5px;
	text-align:left;
	margin-bottom:15px;
}

.Albumpics{
		float:left;
		width:96px;
		height:92px;
		margin-right:13px;
		margin-bottom:16px;
		border:solid 3px #cecece;
		overflow:hidden;
	}


	.rtl .Albumpics{
		float:right;
		margin-left:11px;
		margin-right:0px;
	}

	.Albumpicsdetail{
		float:left;
		width:96px;
		height:92px;
		margin-right:15px;
		margin-bottom:16px;
		border:solid 3px #cecece;
		overflow:hidden;
	}


	.rtl .Albumpicsdetail{
		float:right;
		margin-left:15px;
		margin-right:0px;
	}

	.Albumpicsdetail:hover{
		border:solid 3px #939393;
	}

	.Albumpics:hover{
		border:solid 3px #939393;
	}
.TitleLine{
	float:right;
	height:16px;
	margin-top:5px;
	background:#f1f1f1;
	margin-right:2px;
	width:610px;
	position:absolute;
	right:20px;
	z-index:10;
}

.rtl .TitleLine{
	float:left;
	margin-left:5px;
	right:auto;
	left: 17px;
}


a.Title:hover{
	color:#1C8ACB;
}
a.archive .Title:hover{
	color:#F39F1D;	
}
.Summary{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626262;
	direction:ltr;	
	width:655px;
}

.DescTitle{

	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#c8c8c8;
	direction:ltr;	
	width:655px;
	-margin-bottom:8px;	
}


.rtl .DescTitle{

	float:right;
}

.Desc{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#1b1b1b;
	direction:ltr;	
	width:690px;
	margin-bottom:16px;
}

.rtl .Desc{
	float:right;
	font-family:BYekan;
	font-size:15px;
	direction:rtl;
	line-height: 24px;
}


a .Desc:hover{
	color:#3293CD;	
}
/*---------- end Titles -----------*/

/*---------- Form -----------*/

.mr30{
	margin-right:30px;
}

.rtl .mr30{
	margin-left:30px;
	margin-right:0px;
}

.FormSection{
	float:left;
	margin-top:20px;
	width:270px;
	-border-top:solid 10px #f7f3f7;	
}
.FormTitle{
	font-family:Arial;
	font-size:18px;
	-letter-spacing:4px;
	background:#fff;
	color:#212021;	
	width:200px;
	margin-top:-18px;
	margin-bottom:12px;
	-font-weight:bold;
	font-size:19px;
}
.MapTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;	
}

.InfoItem{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width:60px;
	color:#5F5F5F;	
	margin-bottom:5px;
	margin-top:2px;
}
.InfoSpan{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#aaa;
	width:178px;
}
.MapSection{
	float:left;
	width:690px;
	height:280px;
}
.MapBox{
	float:right;
	width:690px;
	height:280px;
	border:solid 1px #999;
}
	.input_form{
		width:330px;
		height:40px;
		padding:10px;
		background:#f4f4f4;
		border:none;
		margin-bottom:20px;
		color:#878787;
		font-size:13px;
	}
	
	.input_form1{
		width:330px;
		height:38px;
		padding:5px;
		background:#FFF;
		border:solid 1px #E5E5E5;
		margin-bottom:20px;
		color:#757575;
		font-size:13px;
		outline:medium;
	}

	.input_form1{
		width:330px;
		height:38px;
		padding:5px;
		background:#FFF;
		border:solid 1px #E5E5E5;
		margin-bottom:20px;
		color:#757575;
		font-size:13px;
		outline:medium;
	}


	.input_form1:focus{
		border-color:#A2A1A1;		
	}
	
	
.input_captcha{
	float:left;
	width:104px;
	height:33px;
	padding:5px;
	margin:0 10px 5px 0;	
	background:#f4f4f4;
	border:solid 1px #E5E5E5;
	font-size:11px;
	color:#878787;

}
.rtl .input_captcha{
	float: right;
	margin:0 0px 5px 10px;
}
.captchacode{
	float:left;
	width:108px;
	height:31px;
	border:solid 1px #e6e6e6;
}
.rtl .captchacode{
	float: right;
}
.Reload{
	float:left;
	width:34px;
	height:34px;
	margin:0px 0px 0px 8px;
	border:solid 1px #eee;
	overflow:hidden;
	background:url(/images/ICON/reload.png) no-repeat center center;	
}
.Reload:hover{
	background:url(/images/ICON/reload-hover.png) no-repeat center center;	
}
.rtl .Reload{
	float: right;
}
.btn{
	float:left;
	width:104px;
	padding:7px 0px;
	background:#849416  ;	
	text-align:center;
	color:#FFF;
	font-size:15px;
	color:#FFF;
	cursor:pointer;
	border:none;

}
.btn:hover{
	background:#768414;	
}
.rtl .btn{
	float: right;
}
.lable{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#cecfce;
}

.FormOkMsg{
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#45CE10;
}
.FormErrorMsg{
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CE1010;
}

.UserPic{
	float:left;
	width:56px;
	height:56px;
	background:url(/images/bg/user.png) no-repeat center center;
	margin:0 15px 15px 0;
}







/*---------- end Form -----------*/

/*---------- Type animate -----------*/
#typed-cursor{
  opacity: 1;
  font-weight: 100;
  // add prefixes
  animation: blink 0.7s infinite;
}

@-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}


/*---------- End Type animate -----------*/

/*---------- Service -----------*/
.BlackTitle{
	float:left;
	font-family:century_gothicregular;
	font-weight:bold;
	margin-bottom:20px;
	font-size:24px;
	color:#000;
}
/*
.invert{
	-weblik-filter:invert(100%);
	filter: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iTDJBIj48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlR3JhcGhpYyIgdHlwZT0ibHVtaW5hbmNlVG9BbHBoYSIgcmVzdWx0PSJBIi8+PC9maWx0ZXI+PC9zdmc+#L2A");
}
.ServiceBox:hover img{
	filter: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYnJpZ2h0bmVzcyIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBpbj0iU291cmNlR3JhcGhpYyIgDQoJICAgICAgIHZhbHVlcz0iMQkwCQkxCTAJMSANCiAgICAgICAgICAgICAgICAgICAxCTAJCTEJMAkxIA0KICAgICAgICAgICAgICAgICAgIDEJMAkJMQkwCTEgDQogICAgICAgICAgICAgICAgICAgMQkwCQkxCTAJMCIvPg0KICAgIDwvZmlsdGVyPg0KPC9zdmc+#brightness");	
	-webkit-filter: grayscale(100%) brightness(10000%);
}
*/

.nav_class{
	background-color:#fff;
	width:50px;
	height:50px;
	position:relative;
	color:#000;
	z-index:100;
}

.next{
	position:absolute;
	right:0px;
	top:370px;
	background-image:url(/images/right-arrow.png);
	background-repeat:no-repeat;
	background-position:center center;	
}
.prev{
	position:absolute;
	left:0px;
	top:360px;
	background-image:url(/images/left-arrow.png);
	background-repeat:no-repeat;
	background-position:center center;	
}
/*---------- coming to iran -----------*/

.iraninfoTitle{
	color: #F3B01C;
    display: block;
    margin-bottom: 8px;
    margin-top: 18px;
	font-family: arial;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 4px;	
}
.iraninfoTitle:hover{
	color: #F3B01C;
}
.detail{
    font-family: century_gothicregular;
    font-size: 12px;
    letter-spacing: 1px;
}

.Namecitymap{
	width:100px;
	font-size:15px;
	color: #0e0d0d !important;
	font-weight: bold;
	font-family: arial;
}
/*************** GALLERY ********************/
	.AlbumBox{
		position:relative;
		float:left;
		width:216px;
		height:172px;
		margin:0 20px 20px 0;	
		overflow:hidden;
		background:#000;
		z-index: 100000px;
	}

.rtl .AlbumBox{
		float:right;
		margin:0 0 20px 14px;	
	}


	.AlbumBoxvideo{
		position:relative;
		float:left;
		width:335px;
		height:256px;
		margin:0 20px 77px 0;
		background:#000;
	}

	.Videotitle h3{
		position:absolute;
		bottom:-37px;
		background:#000;
		color:#FFF;
		width:315px;
		padding:10px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:14px;
		overflow:hidden;
		z-index:10000;
		font-weight: normal;
	}


	iframe{
		width:640px !important;
		height:360px !important;
	}

.Gallerytitle h3{
		position:absolute;
		bottom:1px;
		left:1px;
		background:url(/images/bg/GalleryTitle.png) repeat left top;
		color:#FFF;
		width:195px;
		padding:10px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:14px;
		overflow:hidden;
		font-weight: normal;
		z-index: 10px;
		min-height: 22px;
	}


	.rtl .Gallerytitle h3{
		left:auto;
		right: 1px;
		font-family:BYekan;
	}

.OverGholder{
	background:rgba(0,0,0,0.5);
	position:absolute; 
	width:200px;
	bottom: 0;
	height:200px;
	display:block;	
}
.Certificate{
	float:left;
	-margin-right:32px; 
	-margin-top:10px;
	margin-bottom:10px;
	-padding-top:8px;
	-padding-left:8px;
	-padding-right:8px;
	background-color:#eee;
	position:relative;
	display:block;
	overflow:hidden;
	height:165px;	
}

.TitlePicaside{
	color:#fff;
	padding:7px;
	padding-top:5px;
	font-size:17px;	
}

.GalleryDate{
	float:left;
	margin:10px 0px;
}
.DarkBg{
	position:absolute;
	width:202px;
	height:172px;
	background:url(/images/bg/DarkBg.png) repeat left top;
}


.HAsideEventBox{
	float:left;
	width:300px;
	margin:0 auto 5px auto;
}
.grayscale{
	float:left;
}

/************************ Contact Page ***********/

.Address{
	float:left;
	width:80%;
	background:url(/images/icon/address.png) no-repeat 5px top;
	font-family:Arial;
	font-size:12px;
	color:#a8a8a8;
	padding-left:25px;
	margin-bottom:15px;
	margin-top:30px;
}
.Phone{
	float:left;
	width:80%;
	background:url(/images/icon/phone.png) no-repeat 5px top;
	font-family:Arial;
	font-size:12px;
	color:#a8a8a8;
	padding-left:25px;
	margin-bottom:20px;
}
.Fax{
	float:left;
	width:80%;
	background:url(/images/icon/fax.png) no-repeat 5px top;
	font-family:Arial;
	font-size:12px;
	color:#a8a8a8;
	padding-left:25px;
	margin-bottom:20px;
}
.Mail{
	float:left;
	width:80%;
	background:url(/images/icon/mail.png) no-repeat 5px top;
	font-family:Arial;
	font-size:12px;
	color:#a8a8a8;
	padding-left:25px;
	margin-bottom:10px;
}
.HintroBox{
	width:100%;
	line-height:22px;
	margin-top:10px;	
}
.InputCaption{
	font-size:12px;
	color:#969696;
	padding-bottom:8px;
}


.rtl .InputCaption{
	padding-bottom:8px;
	font-size:15px;
}




/************************ Aside News Navigation  ***********/
.newsNavBox, .searchBox {
    margin-top: -8px;
    height: 40px;
	border-left:1px solid #666;
}
.newsNavBox {
    float: right;
    width: 220px;
    overflow: hidden;
	height:185px;
	border:none;
}

.ltr .newsNavBox {
    float: left;
}
.newsNavBoxHome {
    float: right;
    width: 590px;
    overflow: hidden;
	height:195px;
	border:none;
}

.rtl .newsNavBoxHome {
    float:left;
	height:185px;
}


.newsNavHolder {
    float: right;
    width: 220px;
}



.ltr .newsNavHolder {
    float: left;
    width: 400px;
}

.TitlenewsHome{
	-float:right;
	height:180px;	
	margin-top:5px;
	-background:#232a30;
	width:220px;
	
}


.ltr .TitlenewsHome{
	-float:left; 
	text-align:left;
	direction:ltr; 
}

.newsArrowBox {
    float: left;
    width: 44px;
	padding-top:5px;
}



/********************* Testimonial *******************/

.CommentBox{
	float:left;
	border:dotted 1px #CFD2D6;
	width:96%;
	padding:2%;
	margin-bottom:15px;
}
.CommentTitle{
	font-family:arial;
	font-size:13px;
	letter-spacing:1px;
	font-weight:bold;
	margin-bottom:2px;
	color:#000;
		
}
/********************* Link *******************/
.LinkBox{
	float:left;
	width:46%;
	height:100px;
	padding:8px;
	margin-right:15px;
	margin-bottom:10px;
	border:solid 1px #ccc;
	overflow:hidden;
}

.rtl .LinkBox{
	width:46%;
	float:right;
	margin-left:15px;
	margin-right:0px;
}

.LinkTitle h2{
	float:left;
	width:178px;
	font-family:century_gothicregular, Arial;	
	font-size:15px;
	font-weight:normal;
	text-align:left;
	margin-left:6px;
}

.rtl .LinkTitle h2{
	float:right;
	width:178px;
	font-family:BYekan;	
	font-size:15px;
	font-weight:normal;
	text-align:right;
	margin-right:6px;
}

.imglink{
	float:left;
	width:100px;
	height:100px;
	border:solid 1px #CCCCCC;
}

.rtl .imglink{
	float:right;
}

.linkPage{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:url(/images/arrow/bread.png) no-repeat 0px 4px;
	padding-left:10px;
	margin-bottom:10px;
}

.linkPage:hover{
	color:#29AAE7;
}
/********************* Packages *******************/

.PackageTitle{
	float:left;
	width:178px;
	font-family:century_gothicregular, Arial;	
	font-size:15px;
	font-weight:bold;
	text-align:left;
	margin-left:6px;
}
.PackageBox{
	position:relative;
	float:left;
	width:46%;
	height:100px;
	padding:8px;
	margin-right:15px;
	margin-bottom:10px;
	border:solid 1px #ccc;
}

.CityBox{
	position:absolute;
	bottom:5px;
	left:111px;
	width:200px;
}



/****************** City ***********************/

.IranMap{
	position:relative;
	top:-25px;	
	width:620px;
	height:514px;
	margin:0 auto;
}

.rtl .IranMap{
	position:relative;
	top:-25px;	
	width:970px;
	height:514px;
	margin:0 auto;
}

.CityName{
	position:absolute;
	display:block;
	height:20px;
	background:url(/images/bullet/CityPointer.png) no-repeat bottom center;
	cursor:pointer;	
}

.form{
	position:absolute;
	display:block;
	-height:24px;
	-background: no-repeat bottom center;
}
.CityName a{
	font-size:11px;
}

.CityDetailBox{
	-position:absolute;
	top:-20px;
	left:-10px;
	width:300px;
	height:120px;
	-background-color:#ccc;
}

.PageCity{
	position: absolute;
	top: 570px;
	padding-top: 20px;
	line-height: 20px;
}

.PageCityiran{
	-position: absolute;
	top: 950px;
	padding-top: 85px;
	line-height: 20px;
}

.box{
	position:absolute;
	top:0px;
	left:15px;
	width:305px;
	height:50px;
	background-color:#e8e8e8;
	padding:5px;
	z-index:10000;
}

.rtl .box{
	left:auto;
	right: 150px;
	top: -30px;
}


.InnerDetailBox{
	position:relative;
	width:100px;
	height:15px;
	background:#FFF;	
	border:solid 1px #DDD;
	-display:none;
	padding:5px;
	overflow:hidden;
	z-index:1;
}
.CityDetail{
	position:absolute;
	width:175px;
	height:104px;
	overflow:hidden;
	-left:133-px;
	top:5px;
	text-align:left;
}
.CityBoxArrow{
	width:300px;
	height:20px;
	-background:url(/images/arrow/CityBoxArrow.png) no-repeat 30px center;	
	display:none;
	margin-left:8px;
}
.BoxArrow{
	width:300px;
	height:20px;
	background:url(/images/arrow/CityBoxArrow.png) no-repeat 30px center;	
	display:none;
	margin-left:8px;
}
.MoreCityDetail{
	position:absolute;
	top:112px;
	left:134px;
	font-size:13px;
	font-family:century_gothicregular ,Arial;
	color:#999;
}
.MoreCityDetail:hover{
	color:#8FB328;
}

.parent{
	height:100%;
	padding: 100px 0 38px 0px;
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
	position:relative;	
}

.colora{
	color:#fff !important;
}

.Boxmanager{
	border:1px solid #fff;
	-margin-left:3px;
	width:260px !important;
	margin-top:30px;
	position:relative;
	padding:0 !important;
}

.innerBoxmanegr{
	float:left;
	position:absolute;
	left:0;
	top:0px;
	width:262px;
}

.rtl .innerBoxmanegr{
	float:right;
	right:0;
	left: auto;
}

.navarBox{
	background:#ededed;
	height:43px;
	margin-top:71px;
}

.Contentinner{
	float:right;
	width:262px;
	height: 43px;
	text-align:left;
	-margin-top:10px;
	line-height: 21px;
	font-family: arial;
	background: #c9c9c9;
}


.rtl .Contentinner{
	text-align:right;
	font-family: Byekan;
}



.Contentinner2{
	float:right;
	width:262px;
	height: 21px;
	text-align:left;
	-margin-top:10px;
	line-height: 21px;
	font-family: arial;
	background: #e3e3e3;
/*	padding: 20px;
	padding-left: 0px;
	padding-right: 0px;*/
	padding: 8px 0px 6px 0px;
}


.TitleMap{
	padding-top:25px;
	margin-left:5px;
	color:#6d1e26;
	clear:both;
	font-family:arial;
	float: left;
	width: 262px;
	font-size: 15px;
	letter-spacing: -0.05px;
	word-spacing: -1px;
}

.rtl .TitleMap{
	padding-top:25px;
	margin-right:5px;
	float: right;
	font-family: Byekan;
}

.LineTitleMapManager
{
	background:#e3e3e3;
	width:125px;
	height:12px;
	float:right;
	clear:both;
	margin-top:2px;
}

.rtl .LineTitleMapManager
{
	background:#e3e3e3;
	width:180px;
	height:12px;
	float:left;
	clear:both;
	margin-top:7px;
}


.LineTitleMap
{
	background:#e3e3e3;
	width:161px;
	height:12px;
	float:right;
	clear:both;
	margin-top:2px;
}

.rtl .LineTitleMap
{
	background:#e3e3e3;
	width:183px !important;
	height:12px;
	float:left;
	clear:both;
	margin-top:6px;
}


.namemanager{
	font-weight: bold !important; 
	margin-left: 10px;
	position: absolute;
	margin-top: 12px;
}

.rtl .namemanager{
	font-weight: normal !important; 
	font-family: BYekanBold;
	font-size: 18px;
	margin-right: 15px;
}


/************** aside **************/
.HAsideTitle{
	float:left;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
}
.rtl .HAsideTitle{
	float:left;
	width:100%;
	font-family:BYekan;
	font-size:18px;	
}

.rtl .HAsideTitle{
	float:left;
	width:100%;
	font-family:BYekan;
	font-size:18px;	
}


.HSearchBox{
	float:left;
	width:100%;
	margin-top:15px;
}
.asidetitle{
	float:left;
	font-family:century_gothicregular , Arial;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#011121;
	margin:8px 0;
	border-bottom:solid 1px #011121;
	height:30px;
	width:100%;
}
.asideitem{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	color:#A3A3A3;
	-background:url(/images/bullet/asidebullet.png) no-repeat left 5px;
	padding-left:12px;
	margin-bottom:8px;
}
.asideitem a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#B3B3B3;
	-font-weight:bold;
}
.asideitem a:hover{
	color:#8FB328;
}

	.AsideHotel{
		width: 264px;
		-border: solid 1px #e7e6e1;
		margin-left: 5px;
		min-height: 115px;

	}

	.BoxGalleryTitle{
		width:56px;
		height:56px;
		float: left;
		background:#ccc;
		border:2px solid #7d7d7d;
		margin-right:7px;
		margin-bottom: 7px;
	}

	.BoxGalleryTitle:hover{
		border:2px solid #000;
	}

	.rtl .AsideHotel{
		width: 264px;
		-border: solid 1px #e7e6e1;
		margin-right: 2px;
		min-height: 115px;

	}

	.HSearchBtn-en{
			width:82px;
			height:30px;
			background:url(/images/button/search-button.png) no-repeat center center;
			border:none;
			-margin-top:25px;
		}
/*---------- end aside -----------*/


.Textinfohunt h2{
	color:#000;
	font-weight:normal;
	font-size:18px;
	margin-bottom:10px;
}

.Borderinfohunt{
	width:690px;
	height:1px; 
	background:#cfcfcf;
}

.borderblock{
	border: 1px solid #d0d0d0;
}


/*pagination*/

.grve-pagination{
	text-align: center;
	padding-top: 50px;

}

.paginationli{
	text-align: center;
	-float: :right;
	display: inline;
	padding: 10px;
	background: #ccc;
	margin-left: 5px;

}

.IranInfoItem{
	float: left;
	font-family: Arial;
	font-size: 15px;
	padding-left: 14px;
	margin-bottom: 15px;
	color: #000;
	background: url(/images/arrow/bread.png) no-repeat left center;
}

.rtl .IranInfoItem{
	float: right;
	font-family: BYekan;
	font-size: 15px;
	padding-right: 14px;
	background: url(/images/arrow/iraninfoitem-ar.png) no-repeat right center;
}


.flagheader{
	float:right;
	position:relative;
	z-index:100000;
	right:224px;
}

.rtl .flagheader{
	float:left;
	left: -153px;
	right: auto;
}

.flagheaderhome{
	float:right;
	position:relative;
	z-index:100000;
	right:225px;
}

.rtl .flagheaderhome{
	right:234px; 
}

.rtl .lb-data .lb-details {
width: 90%;
float: right;
direction: rtl;
text-align: right;
margin-right: 15px;
}

.ltr .lb-data .lb-details{
	padding-left: 15px;
	padding-top:12px;
}

.More{
	float:left;
	font-size:14px; 
	color:#000;
}

.rtl .More{
	float:right;
	font-size:14px; 
	color:#000;
	font-family: BYekan;
}


.rtl .formpage{
	float: left !important;
}

.rtl tbody .formpage{
	float: left !important;
}

.rtl .MagicZoomBigImageCont {
    background: #ffffff;
	color: #fff !important;
    border: 1px solid #999;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
	-left: 658px !important;
	/*left: 41.5% !important;
	right: auto !important;
	width: 380px !important;*/
	left: 43.5% !important;
	width: 582px !important;
    height: 550px !important;
	right: auto !important;
}

.mappage{
	float:right;
	cursor: -webkit-zoom-in; 
	cursor !important:
	-moz-zoom-in !important;
}


.rtl .mappage{
	float:left;
}

.rtl .submit_form{
	font-family: BYekan;
}

.LineMap{
	border-top:1px solid #ccc;
	margin-left:-280px;
	width:965px;
}

.rtl .LineMap{
	border-top:1px solid #ccc;
	margin-right:-280px;
	width:965px;
}

.LineMap2{
	border-top:1px solid #ccc;
	width:965px;
	margin-top:40px;
}



.Boxcountry{
	float:left;
	width:190px;
	-margin-left:40px;
	border-right:1px solid #ccc;
	max-height: 500px;
	height:250px;
	min-height: 315px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-border-left: 1px solid #ccc;
/*	overflow-y: scroll;
	overflow-y: hidden;*/

}

.Boxcountryiranmap{
	float:left;
	width:240px;
	-margin-left:40px;
	border-right:1px solid #ccc;
	-max-height: 500px;
	-height:250px;
    min-height: 240px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.rtl .Boxcountryiranmap{
	float:right;
	width:240px;
	-margin-left:40px;
	border-right:1px solid #ccc;
	-max-height: 500px;
	-height:250px;
    min-height: 240px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top:20px;
	background-color: #fff;
}

.rtl .map{
	background: #fff !important;
	height: 1669px !important;
}

.map{
	background: #fff !important;
	height: 1535px !important;
}

.rtl .Boxcountry{
	float:right;
	width:242px;
	-margin-left:40px;
	border-left:0px solid #ccc;
	height:250px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.RowBoxcountry{
	margin-left: 0px;
	height: 25px;
	padding-top:5px;
}

.RowBoxcountry:hover{
	background: #717171;
	color: #fff !important;
}

.TitleBoxcountry{
	background:#EFEFEF;
	height:30px;
	padding-top:10px;
	padding-left:15px;
	color:#2f2f2f;
}


.rtl .TitleBoxcountry{
	padding-right:15px;
}

.attrdiv{
	color:#000;
	font-size:14px;
	padding-left:15px;
}


.rtl .attrdiv{
	padding-right:15px;
}


.rtl .Boxcountry{
	float:right;
	width:220px;
	border-right:0px !important;
	border-left:1px solid #ccc;
	height:200px;
}

.Descmap{
	margin-left:-280px !important;
	margin-top:18px;
	width:960px;
}

.rtl .Descmap{
	margin-right:-280px !important;
	margin-top:18px;
	width:960px;
}

.contactusheader{
	position:absolute;
	top:26px;
	left:12px;
	padding-top:5px;
	width:70px;
}

.rtl .contactusheader{
	position:absolute;
	top:26px;
	left:25px;
	padding-top:3px;
	width:48px;
	font-size: 14px;
	font-family: Byekan;
}
.Menu-continent{
	width:110px;
	font-weight:bold;
	font-size:17px;
	background:#000 !important;
}
.rtl .Menu-continent{
	width:110px;
	font-weight:bold;
	font-size:18px;
	background:#000 !important;
}
.Menu-contry{
	padding:3px 20px !important;
}

.ltr .imgtour{
	position:relative;
	float:right;
}

.rtl .imgtour{
	position:relative;
	float:left;
	 
}

.rtl .divPopup{
	display: none;
	padding-top: 13%;
	padding-right: 30%;
	position: relative;
}

.ltr .divPopup{
	display: none;
	padding-top: 13%;
	padding-left: 30%;
	position: relative;
}

.rtl .divPopuppage{
	background: rgba(0,0,0,0.7);
	display: block;
	z-index: 10000;
	width: 100%;
	height: 100%;
	position: fixed;

}
.titleeco h3{
	color: #84454B;
}

.ltr .divPopuppage{
	background: rgba(0,0,0,0.7);
	display: block;
	z-index: 10000;
	width: 100%;
	height: 100%;
	position: fixed;

}

.closvideo{
	background: url(/images/icon/close2.png) no-repeat center center;
	width:28px;
	height: 28px;
	display: block;
	margin-right: 0%;
}

.PageTitle.ecotitle{
	display: block;
	background-color: #E2E2E2;
	position: relative;
	height: 30px;
}
.PageTitle.ecotitle:before{
	content: '';
	border-left: 15px solid rgb(109, 30, 38);
	border-left: 15px solid rgba(109, 30, 38, 0.8);
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}
.ecotitle h2{
	margin-left: 20px;
	line-height: 28px;
}
.btneco{;
	color: #84454B;
}

.Red{
	position: relative;
}
.SubMenu{
	position: absolute;
	left: 0;
	overflow: visible;
}

.SubMenu:before{
	content: '';
	/* width: 50px; */
	/* height: 50px; */
	/* background-color: #1414E1; */
	top: -5px;
	left: 10px;
	position: absolute;
	border-bottom: 5px solid #000000;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	z-index: 99999999;
	display: run-in;
}

.Red:hover .SubMenu{
	display: block;
}

.SubMenu li:hover:not(#notHover){
	color: #fff;
	background: #663333;
	width: 100%;
}
.SubMenu li:hover a{
	background-color: transparent;
}

#notHover a:hover{
	color: #fff;
	background: #663333;
}
.Desc.DescEco img{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}