/* -------------------------------------------------------------
	© IceTheme 2013
---------------------------------------------------------------- */





/* sidebar positions design
---------------------------- */	
#sidebar .sidebar_module {
	clear:both;
	/*background-color:#EBEDF0;*/
	padding:0;
	
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(/css/pie.htc);
    padding: 10px 10px 5px 10px;
background-color: #e2effd;
    border: 1px solid #105984;
	margin:0 0 15px
	}
	
	#sidebar .sidebar_module.sidebar_module_withtitle { 
	
	
   
	
	padding-top:15px;
	}
	
	#sidebar div .sidebar_module:last-child { margin-bottom:0}
	
	#sidebar .sidebar_module h3.sidebar_module_heading {
		display:block;
		background-color:#3F76A0;
		position:relative;
		margin:0;
		color:#FFF;
		font-size:22px;
		line-height:28px;
		min-height:30px;
		padding:8px 15px;
		text-shadow:1px 1px 1px rgba(0,0,0,.3);}
		#sidebar .sidebar_module h3.sidebar_module_heading:after {
			position:absolute;
			content:"";
			right:-30px;
			top:0;
			/*background-image:url(../images/mod_heading.png);*/
			width:84px;
			height:100%;}
	
	#sidebar .sidebar_module .sidebar_module_content { padding: 10px 15px;}
				


	/* "style1" surfix */	
	#sidebar .sidebar_module_style1 h3.sidebar_module_heading { background-color:#224B77}
		#sidebar .sidebar_module_style1 h3.sidebar_module_heading:after { background-position:right top;}
			
				
				
	/* "style2" suffix */	
	#sidebar .sidebar_module_style2 { 
		background-color:#3F76A0;
		padding:10px!important;}
		
		#sidebar .sidebar_module_style2 h3.sidebar_module_heading{ 
			display:block;
			overflow:hidden;
			position:relative;
			text-align:center;
			text-shadow: 1px 1px 1px rgba(0,0,0,.6);
			background-image:none;
			background-color:#7FADCA;
			background:-moz-linear-gradient(left, #8EB7D1 0%,#7FADCA 30%, #7FADCA 70%, #8EB7D1 100%);
			background:-webkit-linear-gradient(left, #8EB7D1 0%,#7FADCA 30%, #7FADCA 70%, #8EB7D1 100%);
			background:-o-linear-gradient(left, #8EB7D1 0%,#7FADCA 30%, #7FADCA 70%, #8EB7D1 100%);
			background:linear-gradient(left, #8EB7D1 0%,#7FADCA 30%, #7FADCA 70%, #8EB7D1 100%);}
			#sidebar .sidebar_module_style2 h3.sidebar_module_heading:after,
			#sidebar .sidebar_module_style2 h3.sidebar_module_heading:before {
				position:absolute;
				top:-15px;
				left:-5px;
				content:"";
				width: 0; 
				height: 0; 
				border-top:40px solid transparent;
				border-bottom:40px solid transparent;
				border-left: 15px solid #3F76A0;} 
				#sidebar .sidebar_module_style2 h3.sidebar_module_heading:after {
					display:block;
					-moz-transform:rotate(180deg);
					-o-transform:rotate(180deg);
					-webkit-transform:rotate(180deg);
					transform:rotate(180deg);
					background-image:none;
					right:-5px;
					left:auto;} 
						
		#sidebar .sidebar_module_style2 .sidebar_module_content {
			color:#fff;
			overflow:hidden;
			margin-top:10px;
			padding: 0 5px;}	
			#sidebar .sidebar_module_style2 .sidebar_module_content a { color:#fff603}



		/* "style3" surfix */	
		#sidebar .sidebar_module_style3 { background-color:#EBEDF0;}
		
			#sidebar .sidebar_module_style3 h3.sidebar_module_heading {
				background:none !important;
				color:#333;
				text-shadow: none;
				min-height: 0;
				padding-top: 0;
				padding-bottom: 0;}
				#sidebar .sidebar_module_style3 h3.sidebar_module_heading:after { display:none}
				
		
		
				
				
/* if "sidebar" is switcher to left */		
#sidebar.sidebar_left .sidebar_module h3.sidebar_module_heading:after,
#sidebar.sidebar_left .sidebar_module_style1 h3.sidebar_module_headin:after {
	left:-30px;
	right:auto;
	-o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);}



/* IceFilter mod on homepage */
#categories .ice_filter_items .ice_filter_item {
	padding:0 0 25px;}
	
#categories .ice_filter_img {
	background:#D7DCE0;
	background:linear-gradient(to bottom right, #D7DCE0 0%, #D7DCE0 50%, #EBEDF0 50.01%, #EBEDF0 100%);
	position:relative;}
	
		#categories .ice_filter_img a{}
		
		#categories .ice_filter_img a img {
			border-radius:100%;
			padding:15px 0;
			width:auto;}
			
#categories .ice_filter_caption {
	text-align:center;
	margin-top:20px;}
					
#categories .ice_filter_caption h4 {
	font-size:26px;}
	
	#categories .ice_filter_caption h4 a {
		color:#333;
		padding:0 5px;
		-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_caption h4 a:hover {
			background:#3F76A0;
			color:#fff;
			text-decoration:none;}
		
							
	#categories .ice_filter_caption p { font-size:16px;}
	
	
	#categories .ice_filter_img a img {
		-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:hover .ice_filter_img a img {
			-webkit-transform:scale(1.1);
			-moz-transform:scale(1.1);
			-o-transform:scale(1.1);
			transform:scale(1.1);}
	
	



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

	#promo .moduletable h3.mod-title,
	#bottom .moduletable h3.mod-title{
		margin:0;
		text-align:left;
		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:30px;}
	
	#footer_mods .moduletable h3.mod-title {
		text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		margin:0;
		font-size:24px;
		color:#FFF;}





/* IceCarousel 
-------------------------------------------------*/
#icecarousel {
	margin:0;
	position:relative;
	border-top:1px solid #d7dce0;
	border-bottom:1px solid #d7dce0;
	padding:30px 0;
	margin:0 0;
	margin-bottom:45px;}
	
	#icecarousel:before,
	#icecarousel:after {
		background:#ebedf0;
		height:9px;
		width:100%;
		content:"";
		left:0;
		position:absolute;}
		
		#icecarousel:before { top:-10px;}
		#icecarousel:after { bottom:-10px;}
		
		
		
	#icecarousel .icecarousel { 
		margin-bottom:0; 
		padding-top:0; 
		padding-bottom:0;}
	
	#icecarousel .icecarousel-inner { 
		position:relative; 
		overflow:hidden; 
		padding:0;
		border-width:1px;
		border-style:solid;
		border-color:#DCE0E5;
		background:#fdfefc; 
		margin-left:8px; 
		margin-right:8px;}
	
	
/* arrows */
#icecarousel .icecarousel_inner{
	margin:0 65px;}

#icecarousel .flex-direction-nav a {
	background-image:url(../images/icecarousel_arrows.png);
	background-repeat:no-repeat;
	height:150px;
	width:65px;
	top: 50%;
	margin-top:-75px;
	-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: -100px; 
			background-position:center bottom; 
			border-left:16px solid transparent}
		#icecarousel .flex-direction-nav .flex-prev { 
			left: -100px; 
			background-position: center top;
			border-right:16px solid transparent }
			
			#icecarousel .flexslider:hover .flex-next { 
				opacity: 1; 
				right: -80px;}
				
			#icecarousel .flexslider:hover .flex-prev {
				opacity: 1; 
				left:-80px;}
				
				
					#icecarousel .flex-direction-nav a:after  {
						content:"";
						position:absolute;
						left:0;
						top:0;
						width:65px;
						opacity:.6;
						height:150px;
						background:url(../images/icecarousel_arrows_inner.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:14px bottom;}
						
						#icecarousel .flex-direction-nav .flex-prev:after {
							background-position:32px top;}
							
							
							
							
							

	
/* captions */
#icecarousel .icecarousel-caption {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
	opacity:0;
	-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: "Nobile", Arial, Helvetica, sans-serif;
		position:absolute;
		width:92%;
		bottom:0;
		margin:0;
		padding: 6px 4% 9px;
		font-size: 16px;
		line-height: 22px;
		background: #80aecb;
		color:#fff;
		opacity: 0;
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-o-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px);
		-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;
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-o-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);}
			
			
			
		
		#icecarousel .icecarousel-caption .icecarousel-description a {
			color:#fff;
			text-shadow: 1px 1px 1px rgba(0,0,0,.3);
			-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 {
				text-decoration: none;
				text-shadow: 0 0 12px rgba(255,255,255,.7);}
					
					
					
					
	   /* 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;}
		
	#iceslideshow .iceslideshow { 
		margin-bottom:0; 
		background-color:#FFF}
		
	#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 .carousel-caption .mod-description {
			font-size: 16px;
			line-height: 28px;
			color:#666;
			height:100%;
			width:45%;
			padding:0 2.5%;
			text-align:left;
			background:#fff;
			background: rgba(255,255,255,0.85);
			position:absolute;
			right:-50%;
			-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;}
			
			
			/* on hover effects */
			#iceslideshow:hover .carousel-caption {
				background: rgba(255,255,255,0.25);}
			
			/* 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;
				left:0;
				top:0;
				width:100%;
				height:100%;
				z-index:999;}
				
			#iceslideshow:hover .carousel-caption .mod-description {
				right:0}
			
			
			#iceslideshow .carousel-caption h4 {
				font-size: 32px;
				color: #1f5c8b;
				line-height: 40px;
				padding-top:10px;}
				
				#iceslideshow .carousel-caption h4 a{
					color:#1f5c8b;}
					
					#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:10px;
					color:#1f5c8b;}
					
					#iceslideshow .carousel-caption div.mod-description a:hover {
						text-decoration:underline}		
						
				
/* arrows */
#iceslideshow .iceslideshow_arrow {
	position:absolute;
	left:34%;
	top:53%;
	margin-top:-27px;}
	
#iceslideshow .carousel-control {
	z-index:999;
	width:55px;
	position:relative;
	display: inline-block;
	height:55px;
	border-radius: 100%;
	background-color:#fff;
	background-color:rgba(255, 255, 255, 0.85);
	text-indent:-99999px;
	opacity:0;
	border:none;
	-webkit-transform: scale(.1);
	-moz-transform: scale(.1);
	-o-transform: scale(.1);
	transform: scale(.1);
	-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 {
		right:0;
		left:auto;}
		
	#iceslideshow .iceslideshow_arrow .right {
		left:15px;
		right:auto;}

		
		
		#iceslideshow .iceslideshow_arrow a:after  {
				content:"";
				position:absolute;
				left: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:21px -54px;}
				
				#iceslideshow .iceslideshow_arrow .left:after {
					background-position: 14px 2px;}
		
				
				

#iceslideshow .ice_overlay {
	background-image: url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(255,255,255,.95);
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	left:0;
	top:0;}

											
/* adjust resposnive image */
#iceslideshow .carousel-inner img { height:auto!important}





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

	body span.TDB-header-avatar-left {
		padding:5px 0;
		margin-right: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}