/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  GNU General Public License version 2
  
  Author:
  IceTheme - http://wwww.icetheme.com
  
---------------------------------------------------------------- */


/* ---------------------- joomla.css --------------------------
This CSS file contains all the stylesheets that are needed
by Joomla Core elements like components (content, contact,
user, etc), or by modules (login, breadcrumbs, etc).

/* Note 
--------
Also remember you dont need to worry about the size of this 
CSS file when you see all this comments. The IceSpeed plugin 
that we provide inside the template package will strip all 
of this comments plus it will comprees all the CSS in you
site. For more information on how to use IceSpeed please view 
the Installation Guide in PDF inside the template package.
---------------------------------------------------------------- */

.item-page, .category-list, .blog-featured, .blog, .categories-list, .contentpane, .reset-confirm {
	padding:15px 69px 50px 36px; }
#system-message-container {
	padding:0 0 0 36px;
	width:430px; }
	
#googleSearch_cse {
padding: 55px 69px 0 36px;
}

#cse-search-results {
padding: 0 69px 0 36px;
}

#cse-search-results > iframe {
height: 1400px;
}

.blog-featured {
	padding:0; }

/* Joomla Content
------------------
Below you will find all the CSS codes that are needed to style 
the Joomla Section, Category, Article and other 
elements related to those parts like the pagination, readmore etc
---------------------------------------------------------------- */

/* The content description is used on the begging of each section
or catgory to display the page title and the page description */
.contentdescription {
	margin-bottom:2.75em}


/* Blog Structure (Leadings, Rows, Columns etc)
This is used to correctly separete the content into
rows and columns in blogs and blog featured content */		
.cols-2,
.cols-3,
.cols-4 {
	clear:both;
	margin:0 -1.5% }
	
		
	.cols-2 .column-1,
	.cols-2 .column-2 {
		width:47%;
		position:relative;
		margin:0 1.5%;
		float:left }	
	
	.cols-3 .column-1,
	.cols-3 .column-2,
	.cols-3 .column-3 {
		position:relative;
		width:30.33%;
		margin:0 1.5%;
		float:left }	
		
	.cols-4 .column-1,
	.cols-4 .column-2,
	.cols-4 .column-3,
	.cols-4 .column-4 {
		position:relative;
		width:22%;
		margin:0 1.5%;
		float:left }	


		
			
/* Page Heading 
that you may enable through the menu item */	

div.componentheading {
	border-bottom:1px dotted #555;
	padding-bottom:2px;
	font-size:2.25em;
	text-align:right;
	margin-bottom:12px;
	color:#999;}

div.blog h1,
div.item-page h1,
div.category-list h1 {
	font-size:2.5em;
	line-height:1.35em;
	margin:29px 0 24px;
}
			
/* Category Blog / Featured Blog */
.blog-featured,
.blog { }

	.blog-featured .items-leading,
	.blog .items-leading {
		margin-bottom:2.75em; }
	
		.blog-featured .items-leading .leading,
		.blog .items-leading .leading {
			position:relative;
			padding-bottom:1.5em;
			margin-bottom:1.5em }
			
	
		.blog-featured .items-leading h2,
		.blog .items-leading h2 {
			font-size:2.25em;
			margin-bottom:2px;
			position:relative;}
			
			.blog-featured .cols-2 h2,
			.blog .cols-2 h2 {
				line-height:1.7em;
				margin-bottom:6px;
				font-size:1.4em;}
				
				.blog-featured .cols-3 h2,
				.blog .cols-3 h2 {
					font-size:1.35em;}
					
					.blog-featured h2 a,
					.blog h2 a {color:#666;}
			
			.blog .cols-1 h2 {
				font: 20px/26px 'SourceSansPro-Regular';
				margin-bottom:5px;
				 font-style:normal; font-weight:normal;} 
			.blog .cols-1 h2 em {
				/*font-family: 'SourceSansPro-SemiboldItalic' !important;*/
				 font-style:normal; font-weight:normal;
				}
			.blog .cols-1 h2 + p {
				display:none;} 
			.blog .cols-1 p.readmore {
				margin-bottom:2em;} 
		
		
		.items-row {
			margin-bottom:0;
			position:relative;
			overflow:hidden;}
			
			.blog-featured .items-row:last-child,
			.blog .items-row:last-child {
				border:none;
				padding-bottom:15px;
				margin-bottom:0}
				
			
		.blog-featured img, 
		.blog img{
			float:left;
			margin:0 10px 0 0;
			padding:4px;}
		div.anniversary-blog img {
			padding-left:0 !important;
		}
			
			

/* Category List */
.category-list { }


	.category-list fieldset.filters {
		margin:0;
		border:none;
		padding:0;}
		
	.category-list .display-limit {
		float:right;
		margin-bottom:12px;}
	

	.category-list .cat-items {} 
		
	.category-list .cat-children {
		overflow:hidden}
		
		.category-list .cat-children  {
			margin-bottom:8px;
			padding-bottom:3px;
			border-bottom:1px dotted #eee;}
			
			.category-list .cat-children ul {
			list-style-type:none;
			padding:0;
			margin:0;}
			
			.category-list .cat-children ul li span.item-title {
				font-size:1.4em;
				display:block;
				margin-bottom:3px;}
			
			.category-list .cat-children .category-desc img {
					float:left;
					margin:5px 10px 10px 0;
					background:#eee;
					padding:5px;
					border:1px solid #E0EBBB;}


	
			
/* Archived Articles */
div.archive ul#archive-items {
	list-style-type:none;
	margin:0 0 15px;
	padding:0}
	


/* list of All Categories */
div.categories-list {
	overflow:hidden;}
	
	div.categories-list ul { 
		list-style-type:none;
		padding-left:3em;}
		
		div.categories-list > ul {
			padding-left:0;} 
		
		div.categories-list ul span.item-title {
			font-size:1.4em;
			display:block;
			margin-bottom:5px;}
			
		div.categories-list div.category-desc p {
			margin-bottom:4px}	
			
			div.categories-list ul li {}
		
		div.categories-list ul .category-desc img {
			float:left;
			margin:5px 10px 10px 0} 
			
		div.categories-list  dl {
			color:#777;
			margin-bottom:2em; }
		
			div.categories-list  dl dt {
				display:inline; }
			
			div.categories-list  dl dd {
				display:inline; 
				margin-left:2px;}
				
		 

/* Article Page */
.item-page,
#system-message-container {
	position:relative;
	}


	.item-page img {
		float:left;
		margin:0 10px 10px 0;
		background:#fff;
		padding:0;
		}
	.item-page p>img {	
		max-width:550px;
	}


/* Buttonheading 
is used to render the CSS for the icons like print, email */
ul.actions {
	width:100%;
	float:left;
	margin:0 0 12px 0;
	padding:0;
	display:block;
	clear:both;
	
	list-style-type:none;}
div.anniversary-blog ul.actions {
	float:none !important;}
	ul.actions li {
		float:right;
		padding:0;}
		ul.actions li img {
			background:none;
			padding:0;
			border:none;
			margin:0 0 0 2px;}
			ul.actions li a {
				color:#484848;}
			ul.actions li a:hover img {}
			
			
			
		
		
/* The code below is used to render the published date, 
last updated date and the author name on each category,
section or article */	
dl.article-info {
		overflow: hidden;
		margin-top:0;
		margin-bottom:1em;}
	
	dl.article-info dt.article-info-term {
		display:none}
	
	dl.article-info dd {
		float:left;
		font-family:Verdana, Geneva, sans-serif;
		color:#999;
		font-size:.9em;
		margin-left:0;
		padding:0;
		font-style:italic;
		margin-right:1.75em;}
	

/*  -- Voting -- 
Now in Joomla 1.6 the voting system is built into the core*/
span.content_rating {
	color:#666;
	margin-bottom:-18px;
	display:block;}
	
	span.content_rating img {
		padding:0;
		float:none;
		background:none;
		border:none;
		margin:0 0 -3px 2px } 
	
div.content_vote {
	padding-bottom:10px;
	color:#666;
	display:block;}
	
	div.content_vote input {
		margin-bottom:-2px}
	
	div.content_vote input.button {
		margin-bottom:0;
		margin-left:10px;}	
	

/* -- Pagenav -- 
used below each article to navigate from one artcile to another */
ul.pagenav {
	display:block;
	list-style-type:none;
	padding:4px 0 0;
	margin:10px 0 0;
	border-top:1px dotted #ccc;}	 
	ul.pagenav li {
		display:inline}
		
	ul.pagenav li.pagenav-prev {
		float:left;
		margin-bottom:5px}
	
	ul.pagenav li.pagenav-next {
		float:right;
		margin-bottom:5px} 
			


/* Items More */
div.items-more {
	clear:both;
	position:relative;
	overflow:hidden;
	border-top:1px solid #eee;
	padding-top:15px}
	
	div.items-more h3 {
		margin-bottom:5px}




/* Readmore
The readmore code is used to make readmore links for each article
on the Section and Category view
Check forms.css to change the styles */
p.readmore {
	margin-bottom:1em}
		
	p.readmore a {
		padding-top:1px;
		padding-bottom:1px;
		-moz-transition: padding .3s ease-out;
		-o-transition: padding .3s ease-out;
		-webkit-transition: all .3s ease-out;
		transition: padding .3s ease-out;
		background-position:93% 48%;
		background-repeat:no-repeat;}
		
		p.readmore a:hover {
			padding-right:32px;
			background-image:url(/images/assets/readmore.png);}
				
		p.readmore a:focus {}	
	

/* Pagination makes a unested list of links on the end of each 
cateogry/section but it may be used by other extensions as well
for the same reason, so be careful as this other extensions 
may use their own code to display the pagination */
div.pagination  {
	position:relative;
	overflow:hidden;
	padding-top:15px}
	
	
div.pagination ul {	
	clear:both;	
	list-style-type:none; 
	margin:0 auto .75em; 
	text-align:center;}	
	
	div.pagination ul li {
		display:inline;}
		 
		  div.pagination ul li span.pagenav,
		  div.pagination ul li a.pagenav {
			  display:inline-block;
			  margin:0 3px;
			  padding:1px 8px 0px;
			  background: #303030;
			  color:#ccc;
			  border: 1px solid #303030; }
			  
			  
		 div.pagination ul li a.pagenav{
			 border-color:#dcdcdc;
			 background:#fff;
			 text-shadow:none;
			 color:#888;}
			
			 div.pagination ul li a.pagenav:hover {
				 background:#fff;
				 color:#111;
				 text-decoration:none;}
		 
	div.pagination p.counter  { 
		margin:0 auto 10px; 
		text-align:center; 
		color:#999} 






/* Sliders and Tabs 
are used by Joomla to output the content throught tabs or sliders
for examplet this is used on the contact us page but also it may
be used by other external components to output their content.  */
/* Sliders */
.pane-sliders {
	border: 1px solid #E6E6E6;
	border-bottom:none;}

	.pane-sliders div.pane1 { }
	
	
	.pane-sliders div.panel h3.pane-toggler,
	.pane-sliders div.panel h3.pane-toggler-down {
		background:#eee ;
		border-bottom: 1px solid #E6E6E6;
		-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
		margin-top:1px;
		font-size:1.3em;}
		.pane-sliders div.panel h3.pane-toggler a,
		.pane-sliders div.panel h3.pane-toggler-down a { 
			display:block;
			color:#777;
			text-shadow:1px 1px 1px #fff; 
			padding:4px 10px;
			text-decoration:none;}
			.pane-sliders div.panel h3.pane-toggler a:hover,
			.pane-sliders div.panel h3.pane-toggler-down a:hover,
			.pane-sliders div.panel h3.pane-toggler-down a {
				color:#111} 
				
	
		.pane-sliders div.panel h3.pane-toggler-down {
			border-bottom:none;
			position:relative;
			background:#E6E6E6;}
			
				.pane-sliders div.panel h3.pane-toggler-down:after {
				  content:"";
				  border-style: dashed;
				  border-color: transparent;
				  border-width: 0.6em;
				  display: -moz-inline-box;
				  display: inline-block;
				  /* Use font-size to control the size of the arrow. */
				  height: 0;
				  line-height: 0;
				  position: relative;
				  vertical-align: middle;
				  width: 0;
				  border-top-width: .7em;
				  border-top-style: solid;
				  border-top-color: #E6E6E6;
				  position:absolute;
				  bottom:-18px;
				  left:11px;}
			

	.pane-sliders div.panel div.pane-down {
		border-bottom:1px solid #e6e6e6!important;
		padding:20px 10px!important;}

/* Tabs */
dl.tabs {
    float: left;
    margin: 0;
    z-index: 50;
    clear:both;
	width:100%;}

	dl.tabs dt {
		padding:0;
		float: left;
		margin-right: 10px;
		font-size:.8em;
		border-radius:3px;
		border:1px solid #dcdcdc;
		background:#fff;
		-webkit-transition:all .4s ease-out;
		-moz-transition:all .4s ease-out;
		-o-transition:all .4s ease-out; 
		transition:all .4s ease-out;}
		
		dl.tabs dt h3 {
			font-size:1.5em}
			
			dl.tabs dt a {
				color:#777;
				display:block;
				float:left;
				padding: 5px 10px;
				text-decoration:none;}
				dl.tabs dt a:hover,
				dl.tabs dt.open a {
					color:#222;}
		
		dl.tabs dt.open {
			background:#3D3D3D;
			border-color:#3D3D3D;
			position:relative;
			z-index: 100;}
			dl.tabs dt.open a {
				color:#fff}


		div.current {
			clear: both;
			border-top:none;
			padding: 20px 0 10px;}

		div.current dd {
			padding: 0;
			margin: 0;}
			
			
			dl.tabs dt.open:after {
			  content:"";
			  border-style: dashed;
			  border-color: transparent;
			  border-width: 0.8em;
			  display: -moz-inline-box;
			  display: inline-block;
			  /* Use font-size to control the size of the arrow. */
			  height: 0;
			  line-height: 0;
			  position: relative;
			  vertical-align: middle;
			  width: 0;
			  border-top-width: .8em;
			  border-top-style: solid;
			  border-top-color: #3D3D3D;
			  position:absolute;
			  bottom:-16px;
			  left:11px;}






/* Contact Us
Some fixes use on the com_contact component */
div.contact { }

	div.contact h2 {
		margin-bottom:7px; }
		
		
div.contact-form { }

	div.contact-form  p.form-required { font-weight:bold; }
	
	div.contact-form div.contact-email div {
		padding:0 0 14px}

			
				div.contact-form label#jform_contact_email_copy-lbl {}
					
	
	div.contact-form dt {
		float:left;
		clear:both;}
		
		div.contact-form dt, 
		div.contact-form dd {
			padding-top:.5em;
			padding-bottom:.5em}
	
	div.contact-form button {
		margin-top:5px}
	
		
	div.contact img { float:left; margin:0 10px 10px 0}
	
	div.contact div.contact-image img {float:right; margin:0 0 10px 10px}
	
	

	
	
	
	

/* com_users
used on the Registration, Proflie or login pages  */
div.registration,
div.login,
div.profile-edit,
div.edit,
div.profile,
div.reset,
div.remind{ 
		padding:53px 55px 50px 60px;}

	div.registration dt,
	div.profile-edit dt,
	div.edit dt,
	div.profile dt,
	div.registration dd,
	div.login dd,
	div.profile-edit dd,
	div.edit dd,
	div.profile dd,
	div.contact-form dd  {
		display:inline-block;
		margin-left:.75em;
		float:left }

	div.registration dt,
	div.profile-edit dt,
	div.edit dt,
	div.profile dt,
	div.contact-form dt   {
		clear:both;
		width:160px;
		text-align:right;
		margin-bottom:1.5em;}

		
		div.registration dt span.spacer { text-align:left; display:block; color:#999}

		div.profile-edit span.optional { font-size:.9em; color:#999; font-weight:normal; }
		
	
	div.login {}	
	
		div.login .login-fields {
			padding-bottom:14px}
			
			div.login .login-fields label {
				width:140px;
				display:block;
				float:left;}
		


	
		div.edit #editor-xtd-buttons { padding:0}
		
		div.edit .button2-left { margin:15px 10px 0 0}


	div.edit .form-note {
		background:#eee;
		clear:both;
		display:block;
		margin:20px -1.4em -41px;
		padding:10px}
		div.edit .form-note p {
			margin-bottom:0}
			
	div.edit img {
		float: right;
		margin: 3px 0 0 5px;}


/* com_users
used on the Registration, Proflie or login pages  */
	div.edit  label { 
	display: inline;
	float: left;
	margin-right: 1.5em;
	text-align: right;
	width: 160px;
	}

	div.edit .formelm, .formelm-buttons { 
		margin-bottom:1.5em;
	
	}
	div.edit fieldset  { 
		margin-bottom:2.5em;
	
	}
	div.edit .formelm-area textarea{
	margin-bottom:1em;
	
	}
	div.edit span#jform_description_parent{
	float:left;
	
	}
	div.edit #editor-xtd-buttons{
		clear:both;}


/* category module */
ul.category-module {
	padding:0;
	margin:0;
	padding-left:1.5em;
	margin-bottom:1em;}
	
	ul.category-module li {
		padding:7px 0}
	
		ul.category-module li h4 {
			font-size:1.1em;}
			
		ul.category-module li span.mod-articles-category-category,
		ul.category-module li span.mod-articles-category-date,
		ul.category-module li span.mod-articles-category-writtenby { 
			color:#999;
			font-size:.9em;
			font-family:Arial, Helvetica, sans-serif; }
			
		ul.category-module li span.mod-articles-category-writtenby  {
			padding-right:11px;
			margin-right:12px;
			border-right:1px solid #555}	


/* newsflash module */
.newsflash { }
	div.newsflash > h2 {
		display:none;
	}
	
	.newsflash h4 {
		margin-bottom:2px }

	.newsflash img {
		margin-top:12px;
		margin-bottom:14px }
		
		
	
/* com newsfeeds */
div.newsfeed {}

	div.newsfeed {}


	div.newsfeed div.feed-items {
		margin-top:30px}
		
		div.newsfeed div.feed-items img {
			float:left;
			margin:5px 10px 10px 0}
	
/* mod feed */
div.feed {}
	
	div.feed ul {
		list-style-type:none;
		padding:0;
		margin:0}
		
		div.feed ul li h4.feed-link {
			font-size:1.3em;
			padding-bottom:5px}

 
/* mod_latestnews and mod_mostread */
ul.latestnews,
ul.mostreadmod { margin:0; padding-right:0; padding-left:0; }

div.upcoming-deadlines .date,
ul.latestnews .date {
	font: 11px/15px 'SourceSansPro-Bold';
	text-transform: uppercase;
	color:#5f5f5f;
}
ul.latestnews li a {
	font: 13px/15px 'SourceSansPro-Regular', Source Sans Pro;
	margin-top:3px;
}

ul.latestnews li,
ul.mostreadmod  li { 
color:#999; margin-bottom:.7em;
list-style:none;
line-height:15px;
padding-top:0;
}


/* mod_login */
form#login-form {
	padding-top:.75em;
	margin-top:0;}
	
	form#login-form div.pretext {
		margin-bottom:5px}
	form#login-form div.posttext {
		margin-top:10px}
	
	form#login-form fieldset {
		border:none;
		padding:0;
		margin:0 0 12px}
	
		form#login-form fieldset label {
			display:none;}
	
		form#login-form fieldset p {
			margin-bottom:1em;}

		form#login-form p .inputbox {
			width:90%;}
		
			form#login-form p .inputbox:hover,
			form#login-form p .inputbox:focus {} 
			
			
	
		form#login-form input.button {}	 
	
	form#login-form p#form-login-remember {
		padding:.25em .25em 0 0;
		float:right;}
		form#login-form p#form-login-remember label {
			display:inline;}
		form#login-form p#form-login-remember .inputbox {
			width:auto}		
		
	form#login-form ul {
		clear:both;
		padding:0 0 0 .5em;
		list-style-type:none;
		margin:0}
		form#login-form ul li {
			padding:.1em 0}
		
		
	form#login-form p {
	margin:0 0 15px; }

	form#login-form button{ 
		margin: 0 0 0 10px}
		
	form#login-form p.form-login-register a {
		font-size:1.3em;
		display:block;
		background:#EBF3FA;
		border:1px solid #DEDEDE;
		box-shadow:inset -1px -1px 0 #fff, inset 1px 1px 0 #fff;
		text-align:center;
		margin:20px 12px 25px;
		color:#777!important;
		text-shadow:1px 1px 1px #fff;
		padding:5px 0;}	
		
		form#login-form p.form-login-register a:hover {
			color:#333!important;}
	
/* top menu */

#topmenu {
	float:right;
}
/* mod_search
----disabled---- used instead the new smart search... see below
---------------*/
.search {
	margin:5px 18px 5px 5px;
	border:1px solid #fff;
	border-style:inset;
	background-color:#fff;}
	
	.search label {}
	
	.search .inputbox {
		padding:4px 8px;
		background:#fff;
		width:180px;
		-webkit-transition:all .4s ease-out;
		-moz-transition:all .4s ease-out;
		-o-transition:all .4s ease-out; 
		transition:all .4s ease-out;}
			
		.search .inputbox:hover,
		.search .inputbox:focus {
			box-shadow:none;
			border-color:#D6D6BE;
			color:#444;} 

   .search input.button{
	    padding:0!important;
	    border:none;
		background-color:#97a6b4;}
		
	.search input.button:hover{
	   border:none;
	   box-shadow:none;}
			  
/* mod smart_search */
#search {
	/*margin: 5px 18px 5px 5px;
	border: 1px solid white inset;
	background-color: white;
	float: right;*/
	margin:5px 18px 5px 0px;
	border:none;
	background-color: transparent;
	float:right;}
	
	/*#search input{
	   padding:4px;
	   vertical-align:middle;
	   border:none;}*/
	   
		#search input:hover,
		#search input:focus{
		    box-shadow:none;}
		   
   	/*#search button{
	    margin-left:-55px;
	    border-radius:7px;
		color:#fff!important;
	    padding:4px 12px 6px;
		border:1px solid #295482;
		background-color:#295482;
		background-image: linear-gradient(bottom, rgb(41,84,130) 10%, rgb(61,105,147) 70%);
		background-image: -o-linear-gradient(bottom, rgb(41,84,130) 10%, rgb(61,105,147) 70%);
		background-image: -moz-linear-gradient(bottom, rgb(41,84,130) 10%, rgb(61,105,147) 70%);
		background-image: -webkit-linear-gradient(bottom, rgb(41,84,130) 10%, rgb(61,105,147) 70%);
		background-image: -ms-linear-gradient(bottom, rgb(41,84,130) 10%, rgb(61,105,147) 70%);}*/
	#search button{
	padding:0;
	border: none;
	text-align:left;
	display: inline-block;
	vertical-align:middle;
	background-color:transparent;}
	#search button img {
	margin: 0;
	vertical-align: middle;
	border: 1px solid #a2a2a2;
	}
	#search .finder label,
	#search .finder br  {
		display:none}
		
	
	#search .finder input.inputbox {
		background: url("../images/search_button.png") no-repeat scroll 99% 2px #fff;
		border: 1px solid #dcdcdc;
		color:#999;
		margin-right: 0;
		padding:4px 9px 4px;
		margin-top: 10px;
		width: 120px;}
		
		#search .finder input.inputbox:hover,
		#search .finder input.inputbox:focus {
			background-position:99.5% 2px;
			width:160px;
			color:#555;}
		
		
	ul.autocompleter-choices  {
		background:#EAE9E0;
		z-index:999999999999!important;
		border:1px solid #C7C3AC;}		
	
	
	
/* com_search
---------------*/
form#searchForm {}

	form#searchForm div.searchintro {
		padding:.4em 1em;
		border:1px solid #fff;
		margin-bottom: 1.5em;
		color: #514721;
		background:#FFF6BF;
		-moz-box-shadow: 0 0 8px #877736;
		-webkit-box-shadow: 0 0 8px 877736;
		box-shadow: 0 0 8px #877736;}
		form#searchForm div.searchintro p {
			margin:0}
	
		
	form#searchForm .ordering-box {
		padding-top:15px}

	form#searchForm label {
		width:auto; padding-right:10px;}
		
	form#searchForm .form-limit { float:left; padding-top:20px}
	
	form#searchForm .counter { float:right; padding-top:25px}
	
		
	dl.search-results {
		clear:both;}
		
	dl.search-results .result-title { padding-top:25px; font-size:1.3em;}
	
	dl.search-results dd { margin-left:0}
		


/* com_smartsearch 
------------------*/

.finder #search-form fieldset.word {}

	.finder #search-form #advanced-search-toggle {
		border:1px dotted #ccc;
		background:#F5F5F5;
		padding:3px 12px;
		display:inline-block}
		
		
		.finder #search-form ul#finder-filter-select-list {
			list-style-type:none!important; }
			
			.finder #search-form ul#finder-filter-select-list li {
				padding:7px 0}
				
				.finder #search-form ul#finder-filter-select-list li label {
					width:160px;
					display:inline-block;
					text-align:right;
					padding-right:10px;}
					
	
	
/* mod_breadcrumbs
used to make the default joomla breadcrumbs so that your users may easily 
find their way to the site structure. Reccomended for site with lots of 
content and menu items.
----------------------*/
#breadcrumbs {
	border:none;
	padding:14px 10px 10px 37px;
	z-index:1;
	display:block;
	position:absolute;
	font-size:13px;
	opacity:.7;}

		
.breadcrumbs {
	padding:0;
	color:#777;
	position:relative;
	overflow:hidden;
	margin: 0;}
	
	.breadcrumbs {
	padding:0;
	position:relative;
	overflow:hidden;
	margin: 0;}
	
	.breadcrumbs ol {
		list-style-type:none;
		float:left;
		width:100%;
		margin:0;	
		padding:0;}
		.breadcrumbs ol li { 
			float:left;
			background:url(/images/assets/breadcrumbs_arrow.png) no-repeat 100% 42%;
			padding:0 22px 0 0;
			margin-right:8px;}
		.breadcrumbs ol li:first-child { 
			display:none;}
		.breadcrumbs ol li:last-child {
			background:none;
		}		
			.breadcrumbs ol li a {
				margin:0;}
				.breadcrumbs ol li a:hover {}

		.breadcrumbs ol li.lastitem {
			background:none;
			padding:0}
			
		.breadcrumbs ol span.showHere {
			padding-right:6px;}
			
		
		
		.breadcrumbs ol li:first-child a {
			background:url(/images/assets/breadcrumbs_home.png) no-repeat bottom;
			height:22px;
			width:22px;
			margin-top:-2px;
			margin-left:0;
			text-indent:-9999em;}
			.breadcrumbs ol li:first-child a span {
				background:url(/images/assets/breadcrumbs_home.png) no-repeat top;
				height:22px;
				width:22px;
				display:block;
				-webkit-transition:all .4s ease-out;
				-moz-transition:all .4s ease-out;
				-o-transition:all .4s ease-out; 
				transition:all .4s ease-out;}
				
					.breadcrumbs ol li:first-child a:hover span {
						opacity:0;}
				

		
			


/* -- Lnnguage Switcher --
Now in Joomla 1.6 we have by default the language switcher option
and we use the code below to docorate the module */
#language {
	position:absolute;
	right:12px;
	opacity:.6;
	top:10px;
	-moz-transition: all .6s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .6s ease-out;
	transition: all .3s ease-out;}
	
	#language:hover {
		opacity:1}
	
	#language ul {
		padding:8px 5px 0;
		margin:0;
		background:rgba(0,0,0,.75);
		border:1px solid #444;
		list-style-type:none;}
		#language ul li {
			text-align:center;
			margin:0}	
			
			#language ul li a {
				display:block;
				margin: 0 0 8px;
				padding:0;
				-moz-transition: all .6s ease-out;
				-o-transition: all .3s ease-out;
				-webkit-transition: all .6s ease-out;
				transition: all .3s ease-out;}	
			
			#language ul li a:hover {
				 -webkit-transform: scale(1.15)}

	
				#language ul li img {
					margin:0;
					float:none}
					
					#language ul li.lang-active a {}

			
/* ToolTips 
the default Joomla tooltips CSS code. You may find this on the registration page,
login etc but also it may be used by other external Component/Modules */
.tip-wrap {
	z-index:99}
	
.tip {
	padding:.4em .8em ;
	margin-bottom: 2em;
	font-weight:normal;
	background: #404040;
	border:1px solid rgba(255,255,255,.2);
	color:#ccc;}
	
	.tip .tip-title {
		font-family:Lora, Arial, Helvetica, sans-serif;
		color: #fff;
		font-weight:normal;
		text-shadow:1px 1px 1px rgba(0,0,0,.6);
		padding-bottom:3px;
		font-size:1.3em}
 
 
 
 




/* System Messages 
This is used by Joomla to output errors, notices or other messages
but also it may be used by other external Component/Modules.
Also note that the decoration for this CSS is as well on this file
media/system/css/system.css
be careuful when editing this code
----------------------*/
dl#system-message {}
	
	
	dl#system-message dd {}
		
		
	dt.error,
	dd.error {}

	#system-message dd ul {
		background-position:4px 45%;
		margin-right:0}
		
		#system-message dd.warning ul,
		#system-message dd.error ul {}
		
	dt.notice,
	dd.notice {}
		

/* wrapper page */
iframe.wrapper {
	width:100%}



/* Menus
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */

/* MainMenu 
Only the wrapper part is here the rest of the codes that
generates the mainmenu can be found on 
templates/this_template/html/mod_iceemegamenu/css/default_icemegamenu.css  
---------------*/
	
#mainmenu {
	clear:both;
    margin:0;
	height:32px;}
	
	#mainmenu .icemegamenu {
		zoom:1;}
		
	#mainmenu .firstmainmenu {
		height:32px;
		text-transform:uppercase;
		padding-left:26px;
		background-color:#0f3652;
		}
		
	#mainmenu .secondmainmenu{
		clear:both;
		background-color:#3d6e9a;
		}
	#mainmenu .thirdmainmenu {
		background-color:#5fa0d7;
		color:#b6ddff;
		clear:both;
		}
		
	#mainmenu .thirdmainmenu p {
		margin:0 0 5px 0;
		}
	/* blurred menu
	
	div#mainmenu .icemegamenu #icemegamenu:hover li a{
		text-shadow: none;
		color:rgba(255,255,255,0.5);
	}
	#mainmenu:hover .secondmainmenu #icemegamenu li > a, 
	#mainmenu:hover .thirdmainmenu #icemegamenu li > a {
		text-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
		color:rgba(255,255,255,0.0);
	}
	div#mainmenu:hover ul.secondmainmenu {
		color:#fff;
		background-color:#fff;
		text-shadow:none;
	}*/
		
/* TopMenu 
---------------*/
#topmenu {
	float:right;
	margin-right:5px;}
	
#topmenu ul.menu { 
	margin:0;
	padding:0;}
	#topmenu ul.menu li {
		display:inline;
		float:left;
		padding:11px 0 0 24px;
		margin:0;
		font-size:.9em;
		list-style-type:none;}
		#topmenu ul.menu li a {
			display: block;
			padding: 0;
			color: #fff;}
			
			#topmenu ul.menu li.active a,
			#topmenu ul.menu li a:hover {}
			
		#topmenu ul.menu li a img {
			float:none;
			margin:0px 8px -4px 0}
			
		#topmenu ul.menu li:last-child {
			border:none;
			padding-right:0;}
			


	
/* Columns Menu (left or right)
used to display the current menu that is 
also on the dropdown. 
-----------------------------------------*/
.col-module-content ul.menu,
.col-module-content ul.menu ul { 
	margin:0;
	padding:0 0 1px;}
	.col-module-content > ul.menu {
		margin-right:0}
		
	.col-module-content ul.menu li {
		padding:0;
		border-bottom:1px solid #eee;
		margin:0;
		list-style-type:none;}
		.col-module-content ul.menu li a {
			color:#666;
			background:url(/images/assets/menu_point.png) no-repeat 0 35%;
			display:block;
			position:relative;
			-webkit-transition:all .4s ease-out;
			-moz-transition:all .4s ease-out;
			-o-transition:all .4s ease-out; 
			transition:all .4s ease-out;
			padding:4px 10px 4px 20px;}
			.col-module-content ul.menu li a:hover{
				text-decoration:none;
				background-image:url(/images/assets/menu_point_hover.png);
				color:#222}
				
			
				.col-module-content ul.menu li.current a  {
					color:#222;
					background-image:url(/images/assets/menu_point_hover.png)}
					
					.col-module-content ul.menu li.current a:before  {}


		.col-module-content ul.menu li.deeper {
			background:none;}
			.col-module-content ul.menu li.deeper span.separator {
				font-size:1.3em;
				color:#666;
				padding:5px 10px;
				margin-top:18px;
				display:block;
				background:#eee;}
		
		
		
			
			.col-module-content ul.menu > li:last-child {
				margin-bottom:0}	
			
			
		.col-module-content ul.menu li li:last-child {
			border:none;}
		
		
		.col-module-content ul.menu li span.separator {
			display:none}
			


/* bottom */
.homepage_thumbs ul {
	margin:0;
	padding:0 0 25px 0;
}
.homepage_thumbs ul li {
	display:inline;
	padding-right:18px;
}
.homepage_thumbs ul li:last-child {
	display:inline;
	padding-right:0;
	padding-left:0;
}		


/* FooterMenus
---------------*/
#footer ul.menu {
	padding-left:.75em;
	margin-bottom:.5em}
	
	#footer ul.menu li {
		padding:.25em 0;
		list-style-type:none}
		
		#footer ul.menu li a {
			display:block;
			padding:0;
			text-decoration:none;}
			#footer ul.menu li a:hover,
			#footer ul.menu li.current a {text-decoration:underline;}
		
		
		/* Footer menu with suffix  "socialmenu"
		on the last menu with the social icons */
		#footer ul#socialmenu {
			padding-left:.5em;
			list-style-type:none;}
			#footer ul#socialmenu li {
				padding:6px 0;
				background:none;}
				#footer ul#socialmenu li a {
					padding:0;}
			
				#footer ul#socialmenu li img {
					margin:0 10px -2px 0;
					-webkit-transition:opacity .4s ease-out;
					-moz-transition:opacity .4s ease-out;
					-o-transition:opacity .4s ease-out; 
					transition:opacity .4s ease-out;}
					
					#footer ul#socialmenu li a:hover img {
						opacity:1;}
						
								
			
/* Copyright Menu 
---------------*/
#copyrightmenu {
	text-align:center;}
	
#copyrightmenu ul.menu { 
	margin:15px auto 1px;
	float:right;
	padding:0;}
	#copyrightmenu ul.menu li {
		display:block;
		float:right;
		padding:0 0 0 25px;
		margin:0;
		font-size:.9em;
		list-style-type:none;}
		#copyrightmenu ul.menu li a {}
			#copyrightmenu ul.menu li a:hover {}
		
		#copyrightmenu ul.menu li a img {
			float:none;
			margin:0px 8px -4px 0}
			
		#copyrightmenu ul.menu li:last-child {
			border:none;
			padding-right:0;}			

/* Icons menu */
div#topmenu .customicons img {
	margin:7px 3px;
	background-color:#082a43;
	padding:0;
}

.img-caption {
	font-size:smaller;
	margin-top: 10px; text-transform: uppercase; color: #999;
	line-height:14px;
}
.members-meeting-break {
	background-color:#fff !important;
}
.members-meeting-break p {
	padding-top:15px;
	padding-bottom:15px;
}

/*========================================================================================================= */




.css-slider li, .jump-nav li {
	margin:0;
	padding:0;
}



/* mask the overflowing content, this will prevent scrollbars (optional) */
.css-slider-mask {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* base style for the slider, you can place or size as you like (optional) */
.css-slider {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
/*  width: 96%;
  height: 100%;
  margin-left: 2%;*/
  z-index: 1;
}

/* inital trick to hide the slider from everyone */
.css-slider {
  position: relative;
  display: none;
}

/* ... then a simple hack to only show for browsers that support :nth-child */
body:nth-child(2) .css-slider {
  display: block;
}

/* style the slides */
.css-slider .slide {
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 0;
  padding-right: 0px;
  z-index: 100;
  outline: 0; /* kill the focus rect! */
}

/* style the forward arrow */
.css-slider .slide {
/*  background: url('/images/assets/arrow-right.svg') no-repeat right center;
  background-size: 25px auto;*/
  margin-top:-122px;
  padding-top:122px;
}

/* style the forward arrow hover state 
.css-slider .slide:hover {
  background-image: url('/images/assets/arrow-right-hover.svg');
  cursor: pointer;
}
*/
/* reveal the focused slide, including last child for when there is no focus */
.css-slider .slide:target,
.css-slider .slide:target:hover,
.css-slider .slide:focus,
.css-slider .slide:focus:hover,
.css-slider .slide:last-child,
.css-slider .slide:last-child:hover,
.css-slider .slide.slide-focused
 {
  left: 0px;
  right: 0px;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  z-index: 101;
  cursor: default;
}

/* affect slides that have been navigated past the current */
.css-slider .slide:target ~ .slide,
.css-slider .slide:focus ~ .slide, 
.css-slider .slide.slide-focused ~ .slide
{
  padding-left: 0px;
  padding-right: 0;
  left: 0;
  right: 0px;
}

/* style the previous arrow 
.css-slider .slide:target ~ .slide,
.css-slider .slide:focus ~ .slide {
  background: url('/images/assets/arrow-left.svg') no-repeat left center;
  background-size: 25px auto;
}
*/
/* style the previous arrow hover state 
.css-slider .slide:target ~ .slide:hover,
.css-slider .slide:focus ~ .slide:hover {
  background-image: url('/images/assets/arrow-left-hover.svg');
}*/

/* by default hide all slide contents, if animation is removed 
   this is required to snap slides on or off */
.css-slider .slide /*.slide-puter*/ a {
  display: none;
  width: 100%;
  height: 100%;
}





/* for the focused or last child, show the slide contents */
.css-slider .slide:target /*.slide-puter*/ a,
.css-slider .slide:focus /*.slide-puter*/ a,
.css-slider .slide:last-child /*.slide-puter*/ a,
.css-slider .slide.slide-focused a
 {
  display: block; /* if they don't support display table */
  display: table;
}

/* override the last-child slide if a slide has been focused */
.css-slider .slide:target ~ .slide:last-child,
.css-slider .slide:focus ~ .slide:last-child,
.css-slider .slide.slide-focused ~ .slide:last-child,

 {
  cursor: pointer;
}

/* override the last-child slide contents if a slide has been focused */
.css-slider .slide:target ~ .slide:last-child /*.slide-puter*/ a,
.css-slider .slide:focus ~ .slide:last-child /*.slide-puter*/ a, 
.css-slider .slide.slide-focused ~ .slide:last-child /*.slide-puter*/ a {
  display: none;
}



/* annoyingly the only "required" arbitrary part of the css -- 
   the following means the back arrow is supported for 
   up to 20 slides. If you need more, just extend. 
   This could be fixed if there was a selector like "~"
   or "+" which would work backwards through siblings.
   */
.css-slider .slide:target ~ .slide:nth-child(1),
.css-slider .slide:focus  ~ .slide:nth-child(1),
.css-slider .slide.slide-focused ~ .slide:nth-child(1) { z-index:99; }
.css-slider .slide:target ~ .slide:nth-child(2),
.css-slider .slide:focus  ~ .slide:nth-child(2),
.css-slider .slide.slide-focused ~ .slide:nth-child(1) { z-index:98; }
.css-slider .slide:target ~ .slide:nth-child(3),
.css-slider .slide:focus  ~ .slide:nth-child(3),
.css-slider .slide.slide-focused ~ .slide:nth-child(3) { z-index:97; }
.css-slider .slide:target ~ .slide:nth-child(4),
.css-slider .slide:focus  ~ .slide:nth-child(4),
.css-slider .slide.slide-focused ~ .slide:nth-child(4) { z-index:96; }


/* EMBO uses only four slides */


.css-slider .slide:target ~ .slide:nth-child(5),
.css-slider .slide:focus  ~ .slide:nth-child(5) { z-index:95; }
.css-slider .slide:target ~ .slide:nth-child(6),
.css-slider .slide:focus  ~ .slide:nth-child(6) { z-index:94; }
.css-slider .slide:target ~ .slide:nth-child(7),
.css-slider .slide:focus  ~ .slide:nth-child(7) { z-index:93; }
.css-slider .slide:target ~ .slide:nth-child(8),
.css-slider .slide:focus  ~ .slide:nth-child(8) { z-index:92; }
.css-slider .slide:target ~ .slide:nth-child(9),
.css-slider .slide:focus  ~ .slide:nth-child(9) { z-index:91; }
.css-slider .slide:target ~ .slide:nth-child(10),
.css-slider .slide:focus  ~ .slide:nth-child(10) { z-index:90; }
.css-slider .slide:target ~ .slide:nth-child(11),
.css-slider .slide:focus  ~ .slide:nth-child(11) { z-index:89; }
.css-slider .slide:target ~ .slide:nth-child(12),
.css-slider .slide:focus  ~ .slide:nth-child(12) { z-index:88; }
.css-slider .slide:target ~ .slide:nth-child(13),
.css-slider .slide:focus  ~ .slide:nth-child(13) { z-index:87; }
.css-slider .slide:target ~ .slide:nth-child(14),
.css-slider .slide:focus  ~ .slide:nth-child(14) { z-index:86; }
.css-slider .slide:target ~ .slide:nth-child(15),
.css-slider .slide:focus  ~ .slide:nth-child(15) { z-index:85; }
.css-slider .slide:target ~ .slide:nth-child(16),
.css-slider .slide:focus  ~ .slide:nth-child(16) { z-index:84; }
.css-slider .slide:target ~ .slide:nth-child(17),
.css-slider .slide:focus  ~ .slide:nth-child(17) { z-index:83; }
.css-slider .slide:target ~ .slide:nth-child(18),
.css-slider .slide:focus  ~ .slide:nth-child(18) { z-index:82; }
.css-slider .slide:target ~ .slide:nth-child(19),
.css-slider .slide:focus  ~ .slide:nth-child(19) { z-index:81; }
.css-slider .slide:target ~ .slide:nth-child(20),
.css-slider .slide:focus  ~ .slide:nth-child(20) { z-index:80; }

/** --------------------------------------------------------------------------
 * HANDLE THE SLIDE ANIMATION (optional)
 * ------------------------------------------------------------------------ */

/* Override the default instant slide behaviour */
.css-slider .slide /*.slide-puter*/ a {
  display: block !important;
  display: table !important;
  position:relative;
}

/* set up the transitions */
.css-slider .slide /*.slide-puter*/ a {
  -webkit-transition-property:        opacity, -wekbit-transform;
  -moz-transition-property:           opacity, -moz-transform;
  -ms-transition-property:            opacity, -ms-transform;
  -o-transition-property:             opacity, -o-transform;
  transition-property:                opacity, transform;
  -webkit-transition-duration:        2s;
  -moz-transition-duration:           2s;
  -ms-transition-duration:            2s;
  -o-transition-duration:             2s;
  transition-duration:                2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function:    ease;
  -ms-transition-timing-function:     ease;
  -o-transition-timing-function:      ease;
  transition-timing-function:         ease;
}

/* After state */
.css-slider .slide:target ~ .slide /*.slide-puter*/ a,
.css-slider .slide:target ~ .slide:last-child /*.slide-puter*/ a,
.css-slider .slide:focus ~ .slide /*.slide-puter*/ a,
.css-slider .slide:focus ~ .slide:last-child /*.slide-puter*/ a,
.css-slider .slide.slide-focused ~ .slide /*.slide-puter*/ a,
.css-slider .slide.slide-focused ~ .slide:last-child /*.slide-puter*/ a {
/*  -webkit-transform: translate(0,-100%); -webkit-transform: translate3D(0,-100%,0);
  -moz-transform:    translate(0,-100%); -moz-transform:    translate3D(0,-100%,0);
  -ms-transform:     translate(0,-100%); -ms-transform:     translate3D(0,-100%,0);
  -o-transform:      translate(0,-100%); -o-transform:      translate3D(0,-100%,0);
  transform:         translate(0,-100%); transform:         translate3D(0,-100%,0);
  opacity:0;*/
  top:0px;
  z-index:-999;
}

/* Before state */
.css-slider .slide /*.slide-puter*/ a {
/*  -webkit-transform: translate(0,100%); -webkit-transform: translate3D(0,100%,0);
  -moz-transform:    translate(0,100%); -moz-transform:    translate3D(0,100%,0);
  -ms-transform:     translate(0,100%); -ms-transform:     translate3D(0,100%,0);
  -o-transform:      translate(0,100%); -o-transform:      translate3D(0,100%,0);
  transform:         translate(0,100%); transform:         translate3D(0,100%,0);
  opacity:0;*/
  top:0px;
  z-index:-999;
}

/* Focused state*/
.css-slider .slide:target /*.slide-puter*/ a,
.css-slider .slide:focus /*.slide-puter*/ a,
.css-slider .slide.slide-focused /*.slide-puter*/ a
 {
/*  -webkit-transform: translate(0,0); -webkit-transform: translate3D(0,0,0);
  -moz-transform:    translate(0,0); -moz-transform:    translate3D(0,0,0);
  -ms-transform:     translate(0,0); -ms-transform:     translate3D(0,0,0);
  -o-transform:      translate(0,0); -o-transform:      translate3D(0,0,0);
  transform:         translate(0,0); transform:         translate3D(0,0,0);
  opacity:1;*/
  top:0;
  z-index:1;
}

/** --------------------------------------------------------------------------
 * SMALL SCREEN FIX / SLIDE JERK (optional)
 * ---------------------------------------------------------------------------
 * When we shift 'left' and 'right' values -- in order to allow access to a future
 * or past arrow -- this can cause a jump in the responsive scaling of the slide.
 * if we transition the left value quickly, it can make this appear less jarring.
 */

.css-slider .slide {
  -webkit-transition-property:        left, padding-left;
  -moz-transition-property:           left, padding-left;
  -ms-transition-property:            left, padding-left;
  -o-transition-property:             left, padding-left;
  transition-property:                left, padding-left;
  -webkit-transition-duration:        1s;
  -moz-transition-duration:           1s;
  -ms-transition-duration:            1s;
  -o-transition-duration:             1s;
  transition-duration:                1s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function:    ease;
  -ms-transition-timing-function:     ease;
  -o-transition-timing-function:      ease;
  transition-timing-function:         ease;
}

/** --------------------------------------------------------------------------
 * Add-on module : responsive images
 * ------------------------------------------------------------------------ 


/** --------------------------------------------------------------------------
 * Add-on module : stop user selection
 * ------------------------------------------------------------------------ */

/* if your slides don't need to be selectable, I recommend using this */
.with-selection-disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/** --------------------------------------------------------------------------
 * Add-on module : initial fade in 
 * ------------------------------------------------------------------------ 

*/


/* Vebdor animations */


/** --------------------------------------------------------------------------
 * Add-on module : slide reflection
 * ------------------------------------------------------------------------ */



/** --------------------------------------------------------------------------
 * Add-on module : slide zoom (optional, not compatible with slide float)
 * ------------------------------------------------------------------------ */


/** --------------------------------------------------------------------------
 * Add-on module : slide float (optional, not compatible with slide zoom)
 * ------------------------------------------------------------------------ */



/** --------------------------------------------------------------------------
 * Add-on module : ground shadow (optional)
 * ------------------------------------------------------------------------ */



/* Vebdor animations for the float */


/** --------------------------------------------------------------------------
 * Additional Extra : Jump Nav, part implemented using JavaScript (optional)
 * ------------------------------------------------------------------------ */

/* simple jump nav implementation, relies on a small piece of cross-browser javascript */
.jump-nav {
  opacity: 1;
  display: none;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  pointer-events: all;
  cursor: pointer;
  z-index: 400;
  text-align: center;
  /* added a fade in */
}
.jump-nav ul,
.jump-nav ul li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* style dot in normal state */
.jump-nav ul li a {
  display: block;
  background: url(/images/assets/jump-dot.svg) no-repeat;
  -webkit-outline-radius: 16px;
  -moz-outline-radius: 16px;
  -ms-outline-radius: 16px;
  -o-outline-radius: 16px;
  outline-radius: 16px;
  width: 16px;
  height: 16px;
  margin: 4px;
}

/* style dot in "current" state */
.jump-nav ul li a:hover,
.jump-nav ul li a:active,
.jump-nav ul li a.active {
  background: url(/images/assets/jump-dot-hover.svg) no-repeat;
}

/* style focus rect */
.jump-nav ul li a:focus {
  outline: none;
}

/* style focus rect when "current" */
.jump-nav ul li a:active:focus,
.jump-nav ul li a.active:focus {
  outline: none;
}

/* only show is js enabled */
.js .jump-nav {
  display: inline-block;
}
/*.jump-nav:after{
	content:'';
	width:10px;
	height:10px;
	background-color:rgba(255,255,255,.8);
	border-radius:10px;
	position:absolute;
	bottom:14px;
  animation: three-slides-jump-dots 20s infinite ease-in-out;
  pointer-events:none;
}*/
@keyframes four-slides-jump-dots {
	
   0% { left:450px; }
   17% { left:450px; }
   21% { left:474px; }
   42% { left:474px; }
   46% { left:498px; }
   67% { left:498px; }
   71% {left:522px; }
   75% { left:522px; }
   92% { left:522px; }
   100% { left:450px; }
}
@keyframes three-slides-jump-dots {
	
   0% { left:463px; }
   17% { left:463px; }
   21% { left:487px; }
   42% { left:487px; }
   46% { left:498px; }
   67% { left:498px; }
   71% {left:522px; }
   75% { left:522px; }
   92% { left:522px; }
   100% { left:450px; }
}
}