/* -------------------------------------------------------------
	© CMSFARSI 2013
---------------------------------------------------------------- */




/* sidebar positions design
---------------------------- */	
#sidebar .sidebar_module {
	clear:both;
	padding:0;
	margin:0 0 10px}
	#sidebar div .sidebar_module:last-child { margin-bottom:0}
	
	#sidebar .sidebar_module h3.sidebar_module_heading {
		display:inline-block;
		background:#556d7d;
		background:
		position:relative;
		margin-left:-15px;
		color:#FFF;
		font-size:22px;
		line-height:28px;
		padding:5px 15px 7px;
		text-shadow:1px 1px 1px rgba(0,0,0,.3);}
	
	#sidebar .sidebar_module .sidebar_module_content { 
		background-color:#ebebf0;
		padding: 10px 15px;}



	/* "style1" surfix */	
	#sidebar .sidebar_module_style1 h3.sidebar_module_heading {
		background:#815860}
	
	/* "style2" surfix */	
	#sidebar .sidebar_module_style2 h3.sidebar_module_heading { 
		background:#3d3d3d}
	


	/* when sidebar is put to "right" */
	#sidebar.sidebar_right .sidebar_module h3.sidebar_module_heading {
		margin-right: -15px;
		float: right;}
	
	#sidebar.sidebar_right .sidebar_module .sidebar_module_content {
		clear:both}		
	

/* "promo" and "bottom" */
#promo .moduletable,
#bottom .moduletable {
	margin-bottom: 15px;}

	#promo .moduletable h3.mod-title,
	#bottom .moduletable h3.mod-title{
		margin:0;
		text-align:right;
		font-size:24px;
		position:relative;}
				

			.moduletable [class^="icon-"] {
				-webkit-transition: all .2s ease-out;
				-moz-transition: all .2s ease-out;
				-o-transition: all .2s ease-out;
				transition: all .2s ease-out;}
				
				.moduletable:hover [class^="icon-"] {
					color:#fff;}
					
					
					
					
/* "footer" mods */
#footer_mods .moduletable { margin-bottom:10px;margin-right:10px;}

	#footer_mods .moduletable h3.mod-title {
		line-height: 28px;
		margin:0;
		margin-bottom:5px;
		font-size:20px;
		color:#fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,.3);margin-right:10px;}
		
			


/* IceCarousel 
-------------------------------------------------*/
#icecarousel {
	margin:0;
	position:relative;
	border-top:10px solid #ebebf0;
	border-bottom:10px solid #ebebf0;
	margin:0;
	padding:0 0 30px;
	margin-bottom:40px;}
		
	#icecarousel .slider_heading h3 {
		text-align:center;
		font-size: 30px;
		margin:-29px 0 20px;
		line-height:42px;}
		#icecarousel .slider_heading h3 span {
			background:#fff;
			display:inline-block;
			padding: 0 15px}
			
		
	#icecarousel .icecarousel { 
		margin-bottom:0; 
		padding-top:0; 
		padding-bottom:0;direction:ltr}
	
	#icecarousel .icecarousel-inner { 
		position:relative; 
		overflow:hidden; 
		padding:0;
		background:#EBEBF0; 
		margin-left:8px; 
		margin-right:8px;}
		#icecarousel .icecarousel-inner:after {
			position:absolute;
			top:0;
			right:0;
			content:"";
			box-sizing: border-box;
			border:10px solid rgba(255,255,255,.5);
			width:100%;
			height:100%;
			-webkit-transition:all .2s ease-out;
			-moz-transition:all .2s ease-out;
			-o-transition:all .2s ease-out; 
			transition:all .2s ease-out;}		
	
	
	/* arrows */	
	#icecarousel .flex-direction-nav a {
		background:#ebebf0;
		opacity:0;
		height:45px;
		width:45px;
		border-radius:100%;
		top:-42px;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;}
			
		#icecarousel .flex-direction-nav a:hover {}

			#icecarousel .flex-direction-nav .flex-next { 
				right:-50px;}
				#icecarousel:hover .flex-direction-nav .flex-next { 
					right:0;
					opacity:1;}
				
			#icecarousel .flex-direction-nav .flex-prev { 
				left:-50px;}
				#icecarousel:hover .flex-direction-nav .flex-prev { 
					left:0;
					opacity:1;}
			
		
			#icecarousel .flex-direction-nav a:after  {
				content:"";
				position:absolute;
				right:0;
				top:0;
				width:45px;
				height:45px;
				opacity:.5;
				background-image:url(../images/icecarousel_arrows.png);
				background-position:center;
				background-repeat:no-repeat;
				-webkit-transition: all .2s ease-out;
				-moz-transition: all .2s ease-out;
				-o-transition: all .2s ease-out;
				transition: all .2s ease-out;} 
									
				#icecarousel .flex-direction-nav a:hover:after  {
					opacity:1}
					
					#icecarousel .flex-direction-nav .flex-next:hover:after   {
						-webkit-transform: translate(1.5px,0);
						-moz-transform: translate(1.5px,0);
						-o-transform: translate(1.5px,0);
						transform: translate(1.5px,0);}
				
					#icecarousel .flex-direction-nav .flex-prev:hover:after   {
						-webkit-transform: translate(-1.5px,0);
						-moz-transform: translate(-1.5px,0);
						-o-transform: translate(-1.5px,0);
						transform: translate(-1.5px,0);}
					
				
				#icecarousel .flex-direction-nav .flex-next:after {
					background-position:4px bottom;}
				
				#icecarousel .flex-direction-nav .flex-prev:after {
					background-position:-2px top;}
						
							
		
			
	/* captions */
	#icecarousel .icecarousel-caption {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		color:#fff;
		text-align:center;
		opacity:0;
		z-index: 9;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;}
		
		#icecarousel .icecarousel-inner:hover .icecarousel-caption {
			background: #ebedf0;
			opacity:1}
		
		#icecarousel .icecarousel-caption .icecarousel-description {
			font-family: "titr", tahoma, Helvetica, sans-serif;
			position:absolute;
			width:92%;
			bottom:-100px;
			margin:0;
			padding: 6px 4% 12px;
			font-size: 18px;
			line-height: 24px;
			opacity: 0;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;}
			
			#icecarousel .icecarousel-inner:hover .icecarousel-caption .icecarousel-description {
				opacity: 1;
				bottom:0}
				
				
				
			#icecarousel .icecarousel-caption .icecarousel-description a {
				color:#006699;
				-webkit-transition: all .2s ease-out;
				-moz-transition: all .2s ease-out;
				-o-transition: all .2s ease-out;
				transition: all .2s ease-out;}
				
				#icecarousel .icecarousel-caption .icecarousel-description a:hover {
					color:#333;
					text-decoration: none;}
						
						
						
						
		   /* image */
		   #icecarousel .icecarousel-inner img {
				width:auto; 
				-webkit-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
				-ms-transition: all 0.2s linear;
				transition: all 0.2s linear;}
				
				 #icecarousel .icecarousel-inner:hover img {
					-webkit-transform: translate(0 ,-75px);
					-moz-transform: translate(0 ,-75px);
					-o-transform: translate(0 ,-75px);
					transform: translate(0 ,-75px);}
				


		
/* IceSlideShow 
-------------------------------------------------*/
#iceslideshow {
	position:relative;
	overflow:hidden;
	padding:0;
	z-index:10;
	margin-bottom:45px;
	clear:both;
	margin-top:15px;}
		
	#iceslideshow .iceslideshow { 
		margin-bottom:0; 
		background-color:#FFF}
		
	/* an effect to hide the slidshow when user moves over the menu */
	.icemegamenu-hover {
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		transition: background 0.2s linear;
		background: rgba(255,255,255,0.75);
		position:absolute;
		right:0;
		top:0;
		width:100%;
		height:100%;
		z-index:999;}
		
	#iceslideshow .carousel-caption {
		background: #fff;
		background: rgba(255,255,255,0.0);
		z-index: 99;
		padding: 0;
		text-align:center;
		height:100%;
		bottom: 0;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;}
		#iceslideshow:hover .carousel-caption {
			background: rgba(255,255,255,0.25);}
		
		
		#iceslideshow .carousel-caption .mod-description {
			position:absolute;
			left:128px;
			bottom:15px;
			margin-right:15px;
			font-size: 28px;
			line-height: 36px;
			font-family:"titr",Tahoma, Helvetica, sans-serif;
			color: #1f5c8b;
			width:auto;
			padding:3px 15px 4px;
			text-align:right;
			background:#fff;
			background: rgba(255,255,255,0.85);
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;}
			#iceslideshow:hover .carousel-caption .mod-description {}
			
			#iceslideshow .carousel-caption .mod-description:before {
				content: "";
				position: absolute;
				bottom: 22px;
				right: -1000px;
				width: 1000px;
				height: 1px;
				background: url(../images/iceslideshow_line.png) left;
				opacity:.35;
				margin: 0;}
					
			#iceslideshow .carousel-caption h4 {
				padding-top:0;
				margin:0}
				#iceslideshow .carousel-caption h4  a{}
					#iceslideshow .carousel-caption h4 a:hover{}
								
								
			#iceslideshow .carousel-caption div.mod-description p {
				color:#666;
				line-height: 24px;}
				
				#iceslideshow .carousel-caption div.mod-description a {
					display:block;
					padding-top:0;
					color:#333}
					#iceslideshow .carousel-caption div.mod-description a:hover {
						color:#1f5c8b;}
					
					#iceslideshow .carousel-caption div.mod-description a:hover {
						text-decoration:none}		
			
			
			/* fade transition */
			#iceslideshow .carousel-fade .carousel-inner .item {
				  opacity: 0;
				  -webkit-transition-property: opacity;
				  -moz-transition-property: opacity;
				  -o-transition-property: opacity;
				  transition-property: opacity;}
				  
					#iceslideshow .carousel-fade .carousel-inner .active {
					  opacity: 1;}
					  
					#iceslideshow .carousel-fade .carousel-inner .active.left,
					#iceslideshow .carousel-fade .carousel-inner .active.right {
					  right: 0;
					  opacity: 0;
					  z-index: 1;}
					  
					#iceslideshow .carousel-fade .carousel-inner .next.left,
					#iceslideshow .carousel-fade .carousel-inner .prev.right {
					  opacity: 1;}
					  
					#iceslideshow .carousel-fade .carousel-control {
				 	 z-index: 2;}	
					 
					 	
								
/* arrows */
#iceslideshow .iceslideshow_arrow {
	position:absolute;
	left:15px;
	bottom:15px;
	z-index: 99;}
	
#iceslideshow .carousel-control {
	z-index:999;
	width:45px;
	height:45px;
	border-radius: 100%;
	position:relative;
	display: inline-block;
	background-color:#fff;
	background-color:rgba(255, 255, 255, 0.85);
	text-indent:-99999px;
	opacity:0;
	border:none;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;} 
	
	#iceslideshow:hover .carousel-control {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity:1;}
	
	#iceslideshow .iceslideshow_arrow .left {
		left:4px;
		right:auto;}
		
	#iceslideshow .iceslideshow_arrow .right {
		right:0;
		left:auto;}
		
		#iceslideshow .iceslideshow_arrow a:after  {
			content:"";
			position:absolute;
			right:0;
			top:0;
			width:55px;
			opacity:1;
			height:55px;
			background:url(../images/iceslideshow_arrows.png);
			background-position:center;
			background-repeat:no-repeat;
			-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			transition: all .2s ease-out;} 
								
			#iceslideshow .iceslideshow_arrow a:hover:after  {
				opacity:1}
				
				#iceslideshow .iceslideshow_arrow .right:hover:after   {
					-webkit-transform: translate(1.5px,0);
					-moz-transform: translate(1.5px,0);
					-o-transform: translate(1.5px,0);
					transform: translate(1.5px,0);}
			
				#iceslideshow .iceslideshow_arrow .left:hover:after   {
					-webkit-transform: translate(-1.5px,0);
					-moz-transform: translate(-1.5px,0);
					-o-transform: translate(-1.5px,0);
					transform: translate(-1.5px,0);}
			
			
			#iceslideshow .iceslideshow_arrow .right:after {
				background-position:100% 1px;}
			
			#iceslideshow .iceslideshow_arrow .left:after {
				background-position: 100% -44px;}
	
				
		/* adjust resposnive image */
		#iceslideshow .carousel-inner img { height:auto!important}




/* IceFilter (categories homepage)
----------------------------------- */
#categories {
	margin-bottom:15px;}
	
	#categories .ice_filter_items .ice_filter_item {
		padding:0 0 45px;}
			
		#categories .ice_filter_items .ice_filter_inner {
			background:#ebebf0;}
	
			
#categories .ice_filter_caption {
	min-height:165px;}
					
	#categories .ice_filter_caption h4 {
		font-size:28px;
		line-height:36px;
		margin:0;
		padding:18px 0 2px}
		
		#categories .ice_filter_caption h4 a {
			color:#333;}
		
			#categories .ice_filter_caption h4 a:hover {
				color:#556D7D;
				text-decoration:none;}
		
							
	#categories .ice_filter_caption p { font-size:16px; color:#777; line-height:26px;}

	#categories .ice_filter_img {
		position:relative;
		width:auto;
		float:right;
		padding:0;
		margin: -21px 15px 0 30px;
		-webkit-transition:all .2s ease-out;
		-moz-transition:all .2s ease-out;
		-o-transition:all .2s ease-out; 
		transition:all .2s ease-out;}
		
		#categories .ice_filter_inner .ice_filter_img img {
			border-radius:100%;}
			
			#categories .ice_filter_img:after {
				position:absolute;
				top:0;
				right:0;
				content:"";
				box-sizing: border-box;
				border:10px solid rgba(255,255,255,.5);
				width:100%;
				height:100%;
				border-radius:100%;
				-webkit-transition:all .2s ease-out;
				-moz-transition:all .2s ease-out;
				-o-transition:all .2s ease-out; 
				transition:all .2s ease-out;}
				
				#categories a.ice_filter_img_link:hover .ice_filter_img {
					opacity:.75;
					-webkit-transform: rotate(5deg);
					transform: rotate(5deg);}
				
				
				
/* Preload effect for CMSFARSI Extensions */
.ice_preload {
	background-color:#EBEBF0;
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	right:0;
	top:0;}

	.ice_preload #movingBallG{
		position:absolute;
		top:50%;
		right:50%;
		margin-right:-128px;
		margin-top:-9px;
		width:256px;
		height:18px;}

		.ice_preload .movingBallLineG{
			position:absolute;
			right:0px;
			top:8px;
			height:4px;
			width:256px;
			background-color:#EBEBF0;}

		.ice_preload .movingBallG{
			background-color:#556D7D;
			position:absolute;
			top:0;
			right:0;
			width:18px;
			height:18px;
			-moz-border-radius:10px;
			-moz-animation-name:bounce_movingBallG;
			-moz-animation-duration:2.3s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-direction:linear;
			-webkit-border-radius:10px;
			-webkit-animation-name:bounce_movingBallG;
			-webkit-animation-duration:2.3s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-direction:linear;
			-ms-border-radius:10px;
			-ms-animation-name:bounce_movingBallG;
			-ms-animation-duration:2.3s;
			-ms-animation-iteration-count:infinite;
			-ms-animation-direction:linear;
			-o-border-radius:10px;
			-o-animation-name:bounce_movingBallG;
			-o-animation-duration:2.3s;
			-o-animation-iteration-count:infinite;
			-o-animation-direction:linear;
			border-radius:10px;
			animation-name:bounce_movingBallG;
			animation-duration:2.3s;
			animation-iteration-count:infinite;
			animation-direction:linear;}


				@-moz-keyframes bounce_movingBallG {
					0% { right:0px; }
					50%{ right:236px;}
					100%{right:0px;}
				}

				@-webkit-keyframes bounce_movingBallG {
					0% { right:0px; }
					50%{ right:236px;}
					100%{right:0px;}
				}

				@-ms-keyframes bounce_movingBallG {
					0% { right:0px; }
					50%{ right:236px;}
					100%{right:0px;}
				}

				@-o-keyframes bounce_movingBallG {
					0% { right:0px; }
					50%{ right:236px;}
					100%{right:0px;}
				}

				@keyframes bounce_movingBallG{
					0% { right:0px; }
					50%{ right:236px;}
					100%{right:0px;}
				}
								
				

/* Tweet Display back */
body .well.TDB-header {
	background:#fff;
	margin-bottom:10px;}

	body span.TDB-header-avatar-left {
		padding:5px 0;
		margin-left:10px;}
		
body .well.TDB-tweet {
	background:#fff;
	margin-bottom:10px;}

body .well.TDB-tweet .TDB-tweet-time {
	font-size:13px;
	color:#999;
	margin-bottom: 4px;
	margin-top: 6px;}
	
body #pixel { display:none}




