/*               ~~~ Main Styles ~~~              */

/*                 ~~~ Fonts ~~~                  */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,300,200);
@import url(../fonts/font-awesome/font-awesome.css); /* fa */
/* @import url(../fonts/aller-webfont/aller.css); */
/* @import url(../fonts/futura-webfont/futura.css); */
@import url(../fonts/opensans-webfont/opensans.css);
@import url(../fonts/opensanscond-webfont/opensanscond.css);
@import url(../fonts/neris-webfont/neris.css);
@import url(tooltip.css);

/* ////////////////////////////////////////////// */
/*         ~~~ BODY and GENERAL Style ~~~         */
/* ////////////////////////////////////////////// */

body, html { 
	/* 15px 11pt 1em (see pxtoem.com) */
	/* 16px 12pt 1em (see pxtoem.com) */
	font-size: 14px; 
	padding: 0; 
	margin: 0; 
	height:100%; 
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
} 

/* Reset */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


/* ////////////////////////////////////////////// */
/*                  ~~ GLOBAL ~~                  */
/* ////////////////////////////////////////////// */

body {
    font-family: 'open_sanslight', Helvetica, Calibri, sans-serif;
    color: #333;
}

a { color: #1199bb; font-family: 'open_sansregular'; text-decoration: none; } /*#02B875 #0099cc*/

	a:hover { color: #000; } /* text-shadow:0px 0px 2px #666; */

/* heading standards sizes */
/*
	1em = 16px
	h1: 32px, 2em
	h2: 24px, 1.5em
	h3: 19px, 1.17em
	h4: 16px, 1.12em
	h5: 13px, .83em
	h6: 11px, .75em
*/

h1, h2, h3, h4, h5, h6 { 
	margin: 0;
	padding: 0;
	/*font-variant: small-caps;*/
}

h1 {
	font-family: 'nerissemibold', 'Lato', 'nerislight', 'open_sanslight';
	font-size: 32px;
	/* color: #666;  bark blueish grey */ /* 0c6659 006C68 43494C 667676 002145 */
	  
	/* font-weight: 300; */
}

h2, h3, h4, h5, h6 {
	font-family: 'nerislight', 'Lato', 'open_sansregular';
	/* color: #007E80;*/ /*333*/ /* 667676 */ /* 108070 006C68  002145 */
	/*  */
	font-weight: 400;
}

h2 { font-size: 24px; }

h3 { font-size: 21px; } /* 19px */

h4 { font-size: 18px; } /* 16px */

h5 { font-size: 16px; } /* 15px */

h6 { font-size: 14px; } /* 13px */

h1 center { font-size: 48px; }

h2 center {	font-size: 38px; }

h3 center { font-size: 28px; }

p {	margin: 0; padding: 15px 0;	line-height:1.5; }

em {
	font-family: "Lucida Console", Monaco, "Courier New", monospace;
	font-style: normal;
	color: #666;
	padding: 15px;
}

hr { border: none; height: 1px; line-height: 1px; padding: 0; }

	.hr-images { background: rgba(0,255,0,.4); margin-top: 15px; margin-bottom: 20px; }

	.hr-grey { background: rgba(0,0,0,.1) }

/* ////////////////////////////////////////////// */
/*            ~~~ CONTAINER & MAIN ~~~            */
/*  ~~~ Container Wraps Only Header and Main ~~~  */
/*        ~~~ NOT Footer NOT Sponsors ~~~         */
/* ////////////////////////////////////////////// */

.container, .main {
	width: 100%; /* 90% */
	/* max-width: 69em; */
	margin: 0 auto;
	/* padding: 0 1.875em 3.125em 1.875em; */
}

/*
* ~~ margin-top neg value equals footer height & push height ~~ *
*/
.container { margin-bottom:-100px; min-height:100%; }


/* ////////////////////////////////////////////// */
/*            ~~~ HEADER Styles ~~~               */
/* ////////////////////////////////////////////// */


/* ~~ Header & Logo ~~ */

header {
	width: 100%;
	margin: 0 auto;
	background: rgba(0, 0, 0, .5);
	/*text-align:center;*/
}

	header .logo-section {
		float: left;
		margin-left: 6%;
		padding-left: 12px;
		display: inline-block;
		vertical-align: middle;

		animation: ease-in-out;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		transition: all .4s;

	}
	
	header .logo-section:hover {
		background: rgba(0,0,0,.6);
		cursor: pointer;
		animation: ease-in-out;
		-webkit-transition: all .8s;
		-moz-transition: all .8s;
		transition: all .8s;
	}
	
	header .logoHead { /* ~~ font for logo PC in header ~~ */
		font-family: 'neristhin', sans-serif;
		float:left;
		color:#eee;
		padding: 18px 10px 20px 10px;
		text-shadow: 1px 1px 4px #333;
		font-size: 18px;
	}

	.logo { /* ~~ font for logo PC in content pages ~~ */ 
		font-family: 'neristhin', sans-serif;
		font-size:16px;
	}
	
	.cumbre { /* ~~ font for 'cumbre' on logo PC ~~ */
		font-family: 'nerislight', sans-serif;		
	}
	
	header .logo-section img {
		float:left;
		margin-top:14px;
		width:34px;
		height:34px;
		/* drop-shadow for png img logo */
		-webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
		filter: url(shadow.svg#drop-shadow);
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
	}

/* ////////////////////////////////////////////// */
/*                   ~~ Nav ~~                    */
/* ////////////////////////////////////////////// */

nav {
	float: right;
	margin-right: 0;/**/
	display: inline-block;
	vertical-align: middle;
}

	nav ul {
		margin: 0;
		padding: 0;
		/*background:#F00;*/
	}

	nav ul li {
		list-style:none;
		float:left;
	}

	nav ul li a {
		display: block;
		position: relative;
		padding: 22px 15px 0 15px;
		font-size:12px;
		font-family: 'open_sansregular', 'nerissemibold', sans-serif;
		height: 60px;
		color: #999;

		background: rgba(0,0,0,0);
		animation: ease-in-out;
		-webkit-transition: background .4s, color .4s;
		-moz-transition: background .4s, color .4s;
		transition: background .4s, color .4s;

	}

	.active { /* ~~~ Highlight the current page ~~~ */
		color: #fff !important;
		background: rgba(255,255,255,.3);
		/*border-bottom:2px solid rgba(255,255,255,.6);*/
		box-shadow: inset 0 0 15px rgba(0,0,0,.3);

		animation: ease-in-out;
		-webkit-transition: background .4s, color .4s;
		-moz-transition: background .4s, color .4s;
		transition: background .4s, color .4s;

	}

	nav ul li:nth-child(2) a {
		color:#fb6900; /* orange-1 color highlite the next project nav label */
		
	}

	nav ul li:last-child a {
		margin-right: 0;
		/*
		color:red;
		padding-left:24px;
		padding-right:24px;
		*/
	}

	nav ul li:nth-child(6) a { /* "MAS INFO" menu link do not display for now */
		display: none;	
	}

	nav ul li a:hover {
		background: rgba(0,0,0,.3);
		color: #fff;
		animation: ease-in-out;
		-webkit-transition: background .8s, color .8s;
		-moz-transition: background .8s, color .8s;
		transition: background .8s, color .8s;
		/*border-bottom: 1px solid rgba(255,255,255,.5);*/
	}
	
	nav ul li:nth-child(2) a:hover {
		color: #FFF;	
	}

	nav ul li a:after {
		content: attr(data-info);
		color: #FFF;
		position: absolute;
		/*width: 400%;*/ /*width: 600%; >>> Media Queries 768px change to 300px*/
		top: 120%;
		text-align: left;
		left: 10%;
		opacity: 0;
		pointer-events: none;
		font-weight: normal;
	}
	
	nav ul li a:hover:after {
		opacity: .8;
		text-shadow: 1px 1px 3px #333;
		animation: ease-in-out;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		transition: opacity 1s;
		
	}
		
	/*
	nav ul li a:hover:before { content:"/"; color: red;
	}
	*/

/* ~~~ English version Link ~~~ */

	.lang { float: right; }
	
	.lang a { 
		display: block;
		position: relative;
		padding: 22px 15px;
		font-size:12px;
		font-family: 'open_sansregular', 'nerissemibold', sans-serif;
		height: 60px;
		color: #999; 
		border-left: 1px solid rgba(255,255,255,.1);
		}

	.lang a:hover {
		background: rgba(0,0,0,.3);
		color: #fff;
		animation: ease-in-out;
		-webkit-transition: background .8s, color .8s;
		-moz-transition: background .8s, color .8s;
		transition: background .8s, color .8s;
		/*border-bottom: 1px solid rgba(255,255,255,.5);*/
	}

	.lang a:after {
		content: attr(data-info);
		color: #FFF;
		position: absolute;
		width: 105%;/**/ /*width: 600%; >>> Media Queries 768px change to 300px*/
		top: 38px;
		right: 0;
		opacity: 0;
		pointer-events: none;
		font-weight: normal;
		text-align: center;
		
		padding: 5px;
		font-size: 9px;
		z-index: 10;
	}

	.lang a:hover:after {
		opacity: .8;
		/*text-shadow: 1px 1px 3px #333;*/
		animation: ease-in-out;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		transition: opacity 1s;
	
	}


/*  ~~ Id item trigger Nav for Screens less than 768px ~~  */
#pull { display: none; }


/* ~~ div.push for sticky footer to bottom ~~ */
.push { 
	width: 100%;
	height: 100px; /* equals footer height and neg value of .container margin-bottom */
	clear: both; /* clear property forces the .container to understand where the columns end and contain them */
}


/* ////////////////////////////////////////////// */
/*                  ~~ FOOTER ~~                  */
/* ////////////////////////////////////////////// */

footer {
	background: rgba(238, 238, 236, .8); /*rgba(72,84,88,.1) rgba(32, 48, 56, .9)*/
	/*background: -webkit-linear-gradient(bottom, rgba(32,48,56,0) 5%, rgba(32,48,56,1) 95%);  For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(bottom, rgba(43,53,58,0), rgba(43,53,58,.9));  For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(bottom, rgba(43,53,58,0), rgba(43,53,58,.9));  For Firefox 3.6 to 15 */
	/*background: linear-gradient(to bottom, rgba(32,48,56,0) 5%, rgba(32,48,56,1) 95%);  Standard syntax (must be last) */
	min-height: 100px;/**/ /* footer height impacts push height and container margin-bottom */
	width: 100%;
	position: relative;
	margin: 0 auto;
	overflow: auto;
}

	.footer-home { background: rgba(255, 255, 255, .6); } /* different background for homepage footer */
	
	footer h3 {
		font-family: 'nerislight', sans-serif;
		padding: 0;
		margin: 0;
	}
		
	footer .logo, footer .cumbre { font-size: 14px !important; }
	
	footer .contact-section {
		/* display: inline-table; uncomment for social and contact section display on same line */
		/* padding:0; uncomment for social and contact section display on same line */
		/* margin-left:2%; uncomment for social and contact section display on same line */
		/* margin-top:-6px; uncomment for social and contact section display on same line */
		/* text-align:center; */
		padding: 30px 0 30px 8%;
		float: right;
		width: 50%;

	}
	
	footer .contact-section p,	footer .social-section p {
		color: rgba(93, 93, 91, .7);
		/*
		font-size: 12px;
		letter-spacing: 1px;
		*/
	}
		
	footer .contact-section p .copy {
		/*font-family:'open_sanslight', sans-serif;*/
		font-size: 11px;	
	}
	
	footer .contact-section p a, footer .social-section p a {
			color: rgba(93, 93, 91, .4);
		}
	
	footer .contact-section p a:hover, footer .social-section p a:hover {
			color: rgba(93, 93, 91, 1);
			/*opacity:1;*/
		}	
	
	footer .social-section {
			/*display: inline-table;*/ /* un comment for social and contact section display on same line */
			/*margin-left:10%;*/ /* un comment for social and contact section display on same line */
			/*padding:0;*/ /* .2em 1em 0 1em un comment for social and contact section display on same line */
			text-align: right;
			padding: 28px 8% 28px 0;
			float: right;
			width: 50%;
		}


/* fa social icons */

	footer .social-section .fa { 
			font-size: 22px;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			margin-right: 13px; 
		}
		
	footer .social-section .envelope-icon { margin-right: 20px; font-size: 19px }
	
	footer .social-section .envelope-icon:hover { color: #1199bb; /*padding: 0 20px; animation: ease-in-out; transition: padding .5s;*/ }

	footer .social-section .facebook-icon:hover { color: #3b5998; /*padding: 0 20px; animation: ease-in-out; transition: padding .5s;*/ }

	footer .social-section .twitter-icon:hover { color: #4099ff; /*padding: 0 20px; animation: ease-in-out; transition: padding .5s;*/ }

	footer .social-section .vimeo-icon:hover { color: #1ab7ea; /*padding: 0 20px; animation: ease-in-out; transition: padding .5s;*/ }

	footer .social-section .youtube-icon:hover { color: #cd201f; /*padding: 0 20px; animation: ease-in-out; transition: padding .5s;*/ }


/* ////////////////////////////////////////////// */
/*                 ~~ SPONSORS ~~                 */
/* ////////////////////////////////////////////// */

.sponsorsWrap {
	width: 100%;
	margin: 0 auto; /**/
	padding: 0;
	background: rgba(228, 228, 226, .8);/*background: #ccc;  rgba(248,248,246,1) rgba(67,73,76,1) or rgba(43,53,58,.7) or rgba(72,84,88,.8) */
}

	.sponsors-80 {
		width: 85%;
		margin: 0 auto;
		padding: 15px 0;
		text-align: center;
		border-bottom: thin solid rgba(0,0,0,.05);
	}
  
	.sponsors {
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		color: #EEF;
		margin-right: 0;
		padding: 10px 6px;

		/* background: #667; */
	}
  
	.sponsors img {
		display: block;
		width: 122px;
		height: 61px;
		margin: 0 auto;
	}

	/*
	.sponsors:nth-child(2) { background:#889; }

	.sponsors:nth-child(3) { background:#AAB; }

	.sponsors:nth-child(4) { background:#CCD; }

	.sponsors:last-child { background:#FFF; margin-right:0; }
	*/

/* ~~ Colors, Font modifiers ~~ */

/* ~~ ORANGES ~~ */

/* ~ Logo Orange ~ */

.orange-logo { color: #ff8020; }

.orangeff5b00 { color: #ff5b00; }

.orange-1 { color: #FB6900; }

.orange-2 { color: #F36C3F; }

/* ~ GREENS ~ */

.logo-green { color: #119999 }

.green33ccaa { color: #33ccaa; }

.green-1 { color: #007E80; }

.green-2 { color: #02B875; }

.green { color: #00FF00; }



/* light colors */

.light-green1 { color: #dde8e8; }
.light-green2 { color: #ccd8d8; }

.light-green3 { color: #88cccc; }
.light-orange { color: #ffbb88; }

/* greys 333 666 999 ccc  */

.white { color: #FFF; }
.grey-dark {	color: #333; }
.grey { color: #7f7f7f; }
.grey-light { color: #ccc; }

strong { font-family: 'open_sanssemibold'; font-weight: normal; }

i { font-family: 'open_sanslight_italic'; font-style: normal; }

.i-strong { font-family: 'open_sanssemibold_italic'; font-weight: normal; font-style: normal; }

/* ~~~ Read more link ~~~ */

.read-more { margin-top: 15px; padding-left:5%; }

/* .read-more:before { content: '\f0fe'; } */

.read-less { margin-top: 15px; padding-left:5%; }

.hide { display: none; }

.read-more-content { margin-bottom: 25px; }

/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */
/*              ~~ Htmls Styles ~~                */
/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */


/* ~~ img ~~ */ 

img {
	max-width: 100%;
	height: auto;
	margin: 0;
	border:0;
}

	.cropTop { /* position:relative; */ overflow:hidden; }
  
	.cropBot { /* position:relative; */ overflow:hidden; }


/* ~~~ Image Caption ~~~ */

.image-caption-wrapper { position: relative; }

.caption {
	position: absolute;
	bottom: 4px;
	left: 0px;
	width: 100%;
	background: rgba(0,0,0,.4);
	/*
	font-family: 'open_sansitalic', 'open_sanssemibold_italic';
	font-size: 11px;
	*/
	font-family: 'open_sansregular', 'open_sanssemibold_italic';
	font-size: 10px;
	text-transform: uppercase;
	color: #ddd;
}

.caption p { padding: 8px 12px; }

.caption-outside {
	margin: 0 auto;
	width: 100%;
	font-family: 'open_sansregular', 'open_sanssemibold_italic';
	font-size: 10px;
	text-transform:uppercase;
	color:#999;
}

.caption-outside p { padding: 4px; }

/* ~~ divs for layouts ~~ */ 

	.float-right { float: right; margin-left:25px; }

	.float-left { float: left; margin-right:25px; }

	.float-left:last-child { margin-right:0; }

div.content { /* Body{Container[(Header(Logo+Nav)+Main(content(inner-section+inner-Section+...)))]+sponsor+footer} */
	margin: 0 auto;
	max-width: 1080px;
	padding: 0;
	/*
	background:rgba(255,0,255,.6);
	*/
}

	div.inner-section {
		margin: 0 auto;
		width: 100%;
		padding: 40px 50px;
		/*
		background:rgba(0,0,255,.6);
		*/
	}

		#inner-section-first { height: 340px; overflow: hidden; position: relative; z-index: -1  }

		#inner-section-second {	}

/* ~~ div to position page title & h styles ~~ */

		div.title-position { position: absolute; margin-left: -50px; width: 100%; padding: 0 30px; z-index: 5 } /* margin-left neg value equals .inner-section padding-left */

		div.title-position h1 , div.title-position h2, div.title-position h3 {
			padding: 15px 0 0 0;
			/* text-shadow:1px 0px 2px #666; */
			margin: 0;
			font-weight: 300;/*  */
}

		div.title-position hr { height: 5px; background: rgba(255,255,255,.7); width: 15%; margin: 15px auto; }

/* ~~ Column twothirds and Side (onethird) ~~ */

	div.column-twothirds { width:66%; float: left; margin-right: 0; }

	div.side { width: 32%; float: left; margin-right: 2%; }

/* ~~ Column Half ~~ */

	div.half { width: 49%; float: left; margin-right: 2%; }

	div.half-last { margin-right:0; }
	
	div.half-nomargin { width: 50%; float: left; margin: 0; padding: 0; }

/* ~~ 3 Cols Thirds ~~ */

	div.thirds { overflow: auto /* padding-bottom: 45px; width:100%; */ }
	
	div.one-third { width:32%; float:left; margin-right:2%; }
	
	div.one-third-last { margin-right:0; }

/* ~~ paddings ~~ */

	div.padding-20px { padding: 20px; }

	div.padding-8px { padding: 8px; }

/* ~~ Page Title Background Image ~~ */

	div.title {
		width: 100%;
		height: 400px;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		background-size:cover !important;
		z-index:-5;
		/* opacity:.8; */
	}
	
	div.title:after { /* Texture over title backgound image */
		width: 100%;
		height: 400px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
		content: '';
		background: url(../images/backgroundTemp01.png) top left repeat;
		opacity:.2;
	}


/* ////////////////////////////////////////////// */
/*          ~~ Dispatches Links ~~           */
/*   ~~ Not Display while not in expedition ~~    */
/* ////////////////////////////////////////////// */

#followExped {
	padding: 0;
	position: absolute;
	left: 5%;
	top: 60px;
	z-index: 10;
	background: #02B875;
	display: none; /* Comment this line when dispatch for next expedition has been setup */

}

	.followExped-left {
		overflow: auto;
		color: white;
		padding: 12px;
		display: inline-block;
		font-family: 'open_sansregular';
		font-size: 14px;
	}

	.followExpedInterior {
		padding: 12px;
		background: rgba(32,32,32,.4);
		/*border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;*/
		box-shadow: inset 0px -14px 30px rgba(0,0,0,.2);
		display: inline-block;
	}
	
	.followExpedInterior a {
		font-family: 'open_sansregular';
		color: #FFF;
		font-size: 14px;
		
	}
	
	.followExpedInterior:hover {
		background:rgba(0,0,0,.6);
	}
	
	.followExpedInterior a:hover {
		color:#0C0;
	}

/* ////////////////////////////////////////////// */
/* //////////// ~~~ qs Styles ~~~ /////////////// */

/* ~~ Members ~~ */

/* member button trigger */


.member {
	float: left;
	width: 18%;
	padding-bottom: 30px;
	margin-right: 2.5%;
	text-align: center;/**/
	/* popup */
	cursor: pointer;
	position: relative;

}

.member:hover h6 { font-weight:400; }

.member::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(72,76,97,0.4) 0%, rgba(72,76,97,0) 50%);
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	content: '';
	opacity: 0;
	transform: translate3d(0,50%,0);
	border: 1px solid rgba(255,255,255,.8);
	}
	
.member:hover::after	{
	opacity: .3;
	transform: translate3d(0,0,0);
	transition: opacity 0.35s, transform 0.35s;

}


 div .member:last-child { margin-right: 0; }

	.member h5 { padding: 20px 0; }

	.member h6 { padding: 20px 0; }

	.member img {
		box-shadow: 0 0 4px rgba(0,0,0,0.4);
		/*
		border:1px solid #000;
		border-radius:50%;
		*/
	}

	.member .hr-grey { width: 80%; }

	div.member a { color: #999; }
	
	div.member a:hover { color: #000; }

	div.member .fa {
		font-size: 16px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin-left: 13px;
	}

/* ~~~ member popup CV div ~~~ */

	/* The memberCV background page (opacity background) */
	.memberCV-background {
    	display: none; /* Hidden by default */
    	position: fixed; /* Stay in place */
    	z-index: 10; /* Sit on top */
    	/*padding-top: 100px;  Location of the box */
    	left: 0;
    	top: 0;
    	width: 100%; /* Full width */
    	height: 100%; /* Full height */
    	overflow: auto; /* Enable scroll if needed */
    	background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	}

	/* member popup content */
	div.memberCV { 

		position: relative;
		top: 40%;
		margin: auto;
		padding: 0;
		border-radius: .2em;
		width: 480px;
		text-align: left;
		background: rgba(240,240,240,.95); 
		box-shadow: 0 1px 6px rgba(0,0,0,0.6);
		color:#333;

		-webkit-animation-name: animateleft;
		-webkit-animation-duration: 0.4s;
		animation-name: animateleft;
		animation-duration: 0.4s

	}


/* Add Animation leftIn */
@-webkit-keyframes animateleft {
    from { left: -300px; opacity: 0 } 
    to { left: 0; opacity: 1 }
}

@keyframes animateleft {
    from { left: -300px; opacity: 0 }
    to { left: 0; opacity: 1 }
}


/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

	div.memberCV img {
		
		width: 165px;
		border:0;
		opacity:.9;
		float:right;
		margin-left: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid white;
		border-left: 1px solid white;
	}
	
		.memberCV h5 { padding: 6px 0; }

		.memberCV h6 { padding: 0; }

		.memberCV .member-bg-header { padding: 20px 30px; }
	
		.memberCV .memberText { padding: 20px 30px; }
	
		.memberCV .member-bg-footer { padding: 20px 30px; }

		.memberCV hr { border: none; height: 2px; line-height: 1px; padding: 0; width:25%; background: rgba(255,255,255,.80); float: left; margin-left: 30px; }

		/* ~~ member close button ~~ */

		.memberCV .cerrar { float: right; margin-right: 5%; color: #666; }

		.memberCV .cerrar:hover { cursor: pointer; }
	  
		.memberCV .cerrar .fa { font-size: 24px; }

		.memberCV .cerrar .fa:hover { color: #000; }

/* ~~ Reconocimientos  ~~ */

.recon { /* background:#eee; */ }

	.recon p { margin-top: -10px; }

	.recon h2 { margin-bottom: 25px; } 
	
	.recon h3 { margin: 30px 0 15px 0 }

	.recon h5 { color: #ff8020;/* #FB6900 margin-top: 0; padding-top: 0;*/ }

	.recon-year-div {
		padding: 25px;
		margin-top: 35px;
		border: thin solid rgba(128,128,128,.05);
		box-shadow: inset 0 0 90px rgba(0,0,0,.05);
		animation: bg-recon-out ease-in-out .3s;
	}

	.recon-year-div:hover { 
		background: rgba(0,0,0,.05);/**/ 
		background-size: cover; 
		border: thin solid white; 
		box-shadow: inset 0 0 50px rgba(0,0,0,.12);
		cursor: pointer;

		animation: bg-recon ease-in-out .5s;
		}

	.half div .recon-year-div:hover:nth-child(1) { }

	.half div .recon-year-div:hover:nth-child(2) { }

@keyframes bg-recon {

		0% { box-shadow: inset 0 0 90px rgba(0,0,0,.05); background: rgba(0,0,0,0.00); }

		100% { box-shadow: inset 0 0 50px rgba(0,0,0,.12); background: rgba(0,0,0,.05);}

		}

@keyframes bg-recon-out {

		0% { box-shadow: inset 0 0 50px rgba(0,0,0,.12); background: rgba(0,0,0,.05); }

		100% { box-shadow: inset 0 0 90px rgba(0,0,0,.05); background: rgba(0,0,0,0.00); }

		}

/* ////////////////////////////////////////////// */
/* //////// ~~~ lo proximo Styles ~~~ /////////// */


#next-route-img-bg { background: url(../images/next-greenland-route.png) right 220px no-repeat; background-size: 400px auto; } /* bg-size 440px, modified for new video placing on top */

#next-route-img-div { display: none; margin: 0 auto; text-align: center; }

h1.next-h1 { background: rgba(255,255,255,.4); width: 60%; } /* margin-top: 60px; margin-top added for new video placing on top */

.next-inset-2 { margin:80px 45% 280px 0; color: white; text-shadow: 0px 1px 2px rgba(0,0,0,.7) }

.next-inset-1 {
	padding: 0;
	overflow: auto; 
	background: rgba(67,73,76,.2); 
	box-shadow: inset 0 0 150px rgba(0,0,0,.1); 
}

	.next-inset-1 h2 { padding-left: 25px; margin-top: 20px; }

	.next-inset-1 h4 { padding: 25px; }

	.next-inset-1 h5 { padding: 0 0 15px 25px; }



	.video-nextProject { padding: 25px; position: relative; border-top: 1px solid red; border-bottom: 1px solid red; }

		.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

		.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

		.embed-container img { position: absolute; top: 16px; left: 16px; width: 30px; height: 30px; opacity: .4; z-index: 100; }

		.embed-container p { position: absolute; top: 4px; left: 54px; z-index: 100; color:rgba(230,231,232,.5) }

<!-- ~~~ video title *display none* ~~~ -->
	.video-nextProject-title { padding: 0 0 25px 25px; border-radius: 4px; display: none; } <!-- title not displayed -->

		.video-nextProject-title div { overflow: auto }

	.video-nextProject-title img { vertical-align: middle; width: 28px; height: 28px; }

	.video-nextProject-title h3 { font-family:'neristhin'; color: dark-grey; text-align: center; margin: 0 0 20px 0; padding: 0; }

	.video-nextProject-title p { display:inline-block; color: dark-grey; margin-left: 8px}

/* ////////////////////////////////////////////// */
/* /////////// ~~~ chyt Styles ~~~ ////////////// */

/* ~~~ Clientes Text Box ~~~ */

.tablet-padding-spacer { } /* add responsive padding for picture when tablet size */

.clientes { margin: 0 auto; }

	#more-clients { }

	.clientes-float-box {
		float: left;
		width: 23.5%;
		min-height: 88px;
		padding: 40px 0;
		background: #EEE;
		text-align: center;
		margin-bottom: 16px;
		border-radius: 4px;
		margin-right: 2%;
		box-shadow: inset 0 0 50px rgba(0,0,0,.3);/**/
		
		position: relative;
	}

	.clientes-float-box:nth-child(4n) { margin-right: 0; }

	.clientes-float-box h5 {
		font-family: 'OpenSansCondensedLight';
		text-transform: uppercase;
		text-shadow: 0 0 0px rgba(255,255,255,0); 
		color: inherit;

		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		animation: all ease-in-out;
	}

	.clientes-float-box:after { /* Texture Background over the clientes-box */
		position: absolute; 
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 4px;
		z-index: -10;/**/
		content: '';
		opacity: .6;/**/
		background: url(../images/backgroundTemp01.png) repeat ; /* transparent */

		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		animation: all ease-in-out;
	}

	.clientes-float-box:hover h5 { 
		color: #02B875; 
		text-shadow: 0 0 3px rgba(255,255,255,.5); 
		font-family: 'OpenSansCondensedBold';

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

	 }

	.clientes-float-box:hover:after { 
		background: rgba(0,0,0,.2);

		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		animation: all ease-in-out;
		}
		

/* ////////////////////////////////////////////// */
/* ////////// ~~~ exped Styles ~~~ ////////////// */

.exped {
	padding: 40px 0;
	background: #f2f2ef; 
	overflow: auto;
	/*background: -webkit-linear-gradient(bottom, rgba(43,53,58,.3), rgba(43,53,58,.1));  For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(bottom, rgba(43,53,58,.3), rgba(43,53,58,.1));  For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(bottom, rgba(43,53,58,.3), rgba(43,53,58,.1));  For Firefox 3.6 to 15 */
	/*background: linear-gradient(to bottom, rgba(43,53,58,.3), rgba(43,53,58,.1));  Standard syntax (must be last) */
}



	.exped ul { margin: 0; }

	.exped li {
		list-style: none;
		margin-bottom: 3px;
		text-indent: -40px;/**/
	}

	.exped sup { text-indent: 0px; }

	.exped em { text-align:right; }
/* *NE* pending new box for expeditions */
	.exped-box-wrapper {
		position: relative;
		width: 100%;
		overflow: hidden;
		/*background: rgba(0,0,0,.05);*/
		padding-bottom: 10px;
		margin-bottom: 25px;
		cursor: pointer;/**/
		display:block;

		animation: ease-in-out;
		-webkit-transition: background .6s;
		-moz-transition: background .6s;
		transition: background .6s;		
	}

	.exped-box-wrapper:hover {
		/*background: rgba(0,0,0,.15);*/
		
		animation: ease-in-out;
		-webkit-transition: background .4s;
		-moz-transition: background .4s;
		transition: background .4s;

	}

	.exped-box-wrapper h2 { 
		margin: 0; padding: 0;
		font-family:nerisblack; 
		text-shadow: 0 0 2px rgba(0,0,0,.0);
		color: #11aa99 ; /* 33ccaa 119999*/
		animation: ease-in-out;
		-webkit-transition: color .4s;
		-moz-transition: color .4s;
		transition: color .4s;
	}

	.exped-box-wrapper:hover h2 { 
		color: #fff;
		text-shadow: 0 0 4px rgba(0,0,0,.3);
		animation: ease-in-out;
		-webkit-transition: color .2s;
		-moz-transition: color .2s;
		transition: color .2s;
	}

	.exped-box-wrapper h3 { font-family: nerislight; animation: ease-in-out;
		-webkit-transition: color .4s;
		-moz-transition: color .4s;
		transition: color .4s; }

	.exped-box-wrapper h4 { font-family: nerisblack; animation: ease-in-out;
		-webkit-transition: color .4s;
		-moz-transition: color .4s;
		transition: color .4s; }

	.exped-box-wrapper p { margin: 0; padding: 0; }

	.exped-box-wrapper:hover h3, .exped-box-wrapper:hover h4, .exped-box-wrapper:hover h6, .exped-box-wrapper:hover p { color: #eee; animation: ease-in-out;
		-webkit-transition: color .2s;
		-moz-transition: color .2s;
		transition: color .2s;
	}

	.exped-box-wrapper:hover h4 { color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.4); }

	.exped-box-wrapper h6 { font-size: 13px; }

		.exped-box-header {
			width: 100%;
			padding: 15px 0 0 15px;
			overflow: auto;

		}

		.exped-box-line { width:80%; overflow: auto; clear: both; padding: 0; border-bottom:1px solid rgba(0,0,0,.05) }

		.exped-box-line:last-child { border-bottom: none; }

		.exped-box-float {
			float: left;
			margin: 0;
			padding: 10px 15px;
			width: auto; 
		}

		.exped-box-float:nth-child(3) { color: #11aa99; padding-top: 20px; position: absolute; top: 0; right: 0; float: none }

		.exped-box-wrapper:hover .exped-box-float:nth-child(3) { color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.8); }

/* ~~~ exped-box-wrapper background ids ~~~ */

	/* aconcagua */
	.exped #exped-aconcagua { 
		background: url(../images/gallery/andes/Argentina01-Aconcagua.jpg) 250% bottom no-repeat rgba(0,0,10,.05); 
		background-size: 60%; }
	
	.exped #exped-aconcagua:hover { 
		background: url(../images/gallery/andes/Argentina01-Aconcagua.jpg) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow: inset 80px 0 60px rgba(0,0,0,.15); }

	/* korzhenevskaya */
	.exped #exped-korzhenevskaya { 
		background: url(../images/expeditions/pamir-2.jpg) 250% top no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-korzhenevskaya:hover { 
		background: url(../images/expeditions/pamir-2.jpg) 135% top no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* pumori */
	.exped #exped-pumori { 
		background: url(../images/expeditions/pumori-1.jpg) 250% 25% no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-pumori:hover { 
		background: url(../images/expeditions/pumori-1.jpg) 135% 25% no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* amadablam */
	.exped #exped-amadablam { 
		background: url(../images/expeditions/amadablam-1.jpg) 167% 60% no-repeat rgba(0,0,0,.05); 
		background-size: 40%; }
	
	.exped #exped-amadablam:hover { 
		background: url(../images/expeditions/amadablam-1.jpg) 107% 60% no-repeat rgba(0,0,0,.25); 
		background-size: 50%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* dhaulagiri */
	.exped #exped-dhaulagiri { 
		background: url(../images/expeditions/dhaulagiri-pc2.jpg) 250% bottom no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-dhaulagiri:hover { 
		background: url(../images/expeditions/dhaulagiri-pc2.jpg) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* denali */
	.exped #exped-denali { 
		background: url(../images/expeditions/denali-1.jpg) 250% center no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-denali:hover { 
		background: url(../images/expeditions/denali-1.jpg) 135% center no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* shishapangma */
	.exped #exped-shishapangma { 
		background: url(../images/expeditions/shishapangma-2.jpg) 250% bottom no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-shishapangma:hover { 
		background: url(../images/expeditions/shishapangma-2.jpg) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* muztaghata */
	.exped #exped-muztaghata { 
		background: url(../images/expeditions/muztaghata-1.jpg) 250% 60% no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-muztaghata:hover { 
		background: url(../images/expeditions/muztaghata-1.jpg) 135% 60% no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* gasherbrumII */
	.exped #exped-gasherbrumII { 
		background: url(../images/expeditions/g2-2.jpg) 250% center no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-gasherbrumII:hover { 
		background: url(../images/expeditions/g2-2.jpg) 135% center no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* kilimanjaro */
	.exped #exped-kilimanjaro { 
		background: url(../images/gallery/kili/Kilimanjaro-06.jpg) 250% 25% no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-kilimanjaro:hover { 
		background: url(../images/gallery/kili/Kilimanjaro-06.jpg) 135% 25% no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* ojosdelsalado */
	.exped #exped-ojosdelsalado { 
		background: url(../images/expeditions/andes-ojosdelsalado-3.jpg) 250% center no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-ojosdelsalado:hover { 
		background: url(../images/expeditions/andes-ojosdelsalado-3.jpg) 135% center no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* quomolongma */
	.exped #exped-quomolongma { 
		background: url(../images/expeditions/everest-2.jpg) 250% 30% no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-quomolongma:hover { 
		background: url(../images/expeditions/everest-2.jpg) 135% 30% no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* elbrus */
	.exped #exped-elbrus { 
		background: url(../images/expeditions/elbrus-1.jpg) 167% 80% no-repeat rgba(0,0,0,.05); 
		background-size: 40%; }
	
	.exped #exped-elbrus:hover { 
		background: url(../images/expeditions/elbrus-1.jpg) 107% 80% no-repeat rgba(0,0,0,.25); 
		background-size: 50%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* vinson */
	.exped #exped-vinson { 
		background: url(../images/expeditions/vinson-1.jpg) 250% bottom no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-vinson:hover { 
		background: url(../images/expeditions/vinson-1.jpg) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* pnorte */
	.exped #exped-pnorte { 
		background: url(../images/gallery/polonorte/pn-06-rest.jpg) 250% bottom no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-pnorte:hover { 
		background: url(../images/gallery/polonorte/pn-06-rest.jpg) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* psur */
	.exped #exped-psur { 
		background: url(../images/gallery/polosur/ps-15-toPS.jpg) 250% bottom no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-psur:hover { 
		background: url(../images/gallery/polosur/ps-15-toPS.jpg) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* puncakjaya */
	.exped #exped-puncakjaya { 
		background: url(../images/gallery/carstensz/Carstensz-06.jpg) 250% bottom no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-puncakjaya:hover { 
		background: url(../images/gallery/carstensz/Carstensz-06.jpg) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* kosciuszko */
	.exped #exped-kosciuszko { 
		background: url(../images/gallery/carstensz/Kosciusko-01.jpg) 250% 60% no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-kosciuszko:hover { 
		background: url(../images/gallery/carstensz/Kosciusko-01.jpg) 135% 60% no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* groenlandia8 */
	.exped #exped-groenlandia8 { 
		background: url(../images/gallery/groenlandia08/groenlandia-01c.jpg) 250% top no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-groenlandia8:hover { 
		background: url(../images/gallery/groenlandia08/groenlandia-01c.jpg) 135% top no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* gurlamandhata */
	.exped #exped-gurlamandhata { 
		background: url(../images/gallery/gurla/Gurla-01a-Casa.jpg) 250% top no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-gurlamandhata:hover { 
		background: url(../images/gallery/gurla/Gurla-01a-Casa.jpg) 135% top no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* gunnbjornfjeld */
	.exped #exped-gunnbjornfjeld { 
		background: url(../images/gallery/groenlandia12/DSC_0371.JPG) 250% bottom no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-gunnbjornfjeld:hover { 
		background: url(../images/gallery/groenlandia12/DSC_0371.JPG) 135% bottom no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }

	/* logan */
	.exped #exped-logan { 
		background: url(../images/gallery/logan/Logan-13-Col.jpg) 250% 60% no-repeat rgba(0,0,0,.05); 
		background-size: 60%; }
	
	.exped #exped-logan:hover { 
		background: url(../images/gallery/logan/Logan-13-Col.jpg) 135% 60% no-repeat rgba(0,0,0,.25); 
		background-size: 60%; 
		box-shadow:  inset 80px 0 60px rgba(0,0,0,.15); }


/* ~~~ Exped side divs ~~~ */
	.exped .side-left { padding: 10px 0; width: 57%; margin-right: 1%; float: left; }

	.exped .side-right { width: 42%; padding: 10px 0; float: left; margin-right: 0; margin-bottom: 35px; }


/* ~~~ expedition pages table ~~~ */
.exped-table { font-size: 85%; overflow: auto; background: rgba(0,0,0,.03); }

	.exped-whole { width: 100%; padding: 75% 0 0 0; margin: 0 auto; float: left; position: relative; } /* padding-top keep Aspect Ratio */

	.exped-half { width: 50%; margin: 0 auto; padding: 45% 0 0 0; float: left; position: relative; } /* padding-top keep Aspect Ratio */

	.exped-bottom-text { position: absolute; bottom: 0; right: 0; /*width: 100%;*/ color: white; font-size: 10px; text-transform:uppercase; }

	.exped-bottom-text-bg { padding: 8px; background:rgba(0,0,0,.50); }

	.exped-bottom-text h6 { margin-top: 0; margin-bottom: 0; padding: 0; font-size: 10px; font-family: open_sanslight; }

	.exped-bottom-text hr { margin-top: 0; margin-bottom: 8px; }

	.exped-bottom-text p { padding: 8px 12px; margin-left: 45px; background: rgba(0,0,0,.15);  }

	.exped-data-row { padding: 10px 10px; overflow:auto; }
	
	.exped-data-row h4 { font-family: open_sanslight; border-bottom: thin solid rgba(0,0,0,.1); margin-bottom: 20px; padding-bottom: 20px; }
	
	.exped-data-row:nth-child(2n) { background: rgba(0,0,0,.05); }

	.exped-data-row .half-nomargin:nth-child(2) { padding-left: 15px; }

	.exped-data-row .half-nomargin:first-child { font-family: 'open_sanssemibold'; }
	
.exped-table-spacer { height: 80px; overflow: auto }

/* ////////////////////////////////////////////// */
/* /////// ~~~ photo images Styles ~~~ ////////// */


/* ~~~ Imagenes Text Box ~~~ */
.images {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

	.images a { 
		display: block; 
		height: 100%; 
	}

	.images-float-box {
		/* style for anchor link box */
		float: left;
		width: 24.7%; /* 23.5 o 25 */
		/*min-height: 200px;*/
		padding: 24.7% 0 0 0;
		margin-bottom: 4px;
		margin-right: .4%; /* when width 23.5 */
/*		box-shadow: 0 0 0 rgba(0,0,0,0), inset 0 0 180px rgba(0,0,0,0);*/
		/*
		border-radius:.2em;
		opacity:.7;
		*/
/*		background: rgba(0,0,0,.1);*/
/*		animation: background-float-out ease-in-out .3s;*/
		position:relative; /* in order to work :before */
	}

	.images-float-box-text { position:absolute; top:0; left:0; bottom:0; right:0; padding-top:45%; }

	.images-float-box:nth-child(4n) { margin-right: 0; }

	.images-float-box:before { 
		content:''; 
		width: 100%; 
		/*min-height: 200px;*/ 
		height: 100%;
		background: rgba(0,0,0,0.00); 
		position: absolute; 
		top: 0; 
		left: 0; 
		animation: background-animation-out ease-in-out .3s;
	}

	.images-float-box:hover:before { 
		background:rgba(0,0,0,0.60); 
		animation: background-animation ease-in-out .3s; 
	}

@keyframes background-animation {
	0% { background:rgba(0,0,0,0.00) }
	/* 50%	{ box-shadow: 0 0 3px rgba(160,160,160,.4), inset -20px -80px 80px rgba(160,160,160,.3); }*/
	100% { background:rgba(0,0,0,0.60); }
}

@keyframes background-animation-out {
	0% { background:rgba(0,0,0,0.60); }
	/* 50%	{ box-shadow: 0 0 3px rgba(160,160,160,.4), inset -20px -80px 80px rgba(160,160,160,.3); }*/
	100% { background:rgba(0,0,0,0.00); }
}

	.images-float-box p {
		color: #fff;
		opacity: 0;
		padding: 5px 15px;
		font-family: 'open_sansitalic';
		line-height: 16px;

	/* animation on mouse out */
		-webkit-transition: all .4s ease-in-out; 
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		animation: ease-in-out;
		-webkit-transform: translateX(-7px);
	    -moz-transform: translateX(-7px);
    	-o-transform: translateX(-7px);
    	-ms-transform: translateX(-7px);
    	transform: translateX(-7px);
	}

	.images-float-box h4, .images-float-box h3 {
/*		font-family:'nerissemibold'; */
		opacity: .7;
		padding: 5px 15px;
		text-shadow: 0 0 2px #000;
		line-height: 1;
		color: #fff; 

	/* animation on mouse out */		
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		animation:ease-in-out;
		-webkit-transform: translateX(-5px);
	    -moz-transform: translateX(-5px);
    	-o-transform: translateX(-5px);
    	-ms-transform: translateX(-5px);
    	transform: translateX(-5px);
	}

	.images-float-box:hover { 

/*		box-shadow:0 0 6px rgba(0,0,0,.8), inset 0 0 300px rgba(0,0,0,.5); */
/*		background: rgba(0,0,0,.2);*/
/*		background: -webkit-linear-gradient(bottom, rgba(0,0,0,.005), rgba(0,0,0,.3));  For Safari 5.1 to 6.0 */
/*		background: -o-linear-gradient(bottom, rgba(0,0,0,.005), rgba(0,0,0,.3));  For Opera 11.1 to 12.0 */
/*		background: -moz-linear-gradient(bottom, rgba(0,0,0,.005), rgba(0,0,0,.3));  For Firefox 3.6 to 15 */
/*		background: linear-gradient(to bottom, rgba(0,0,0,.005), rgba(0,0,0,.3));  Standard syntax (must be last) */
/*		animation: background-float ease-in-out .3s; */

	}

@keyframes background-float {
	/*0% { box-shadow: 0 0 0 rgba(0,0,0,0), inset 0 0 180px rgba(0,0,0,0); }
	 50%	{ box-shadow: 0 0 3px rgba(160,160,160,.4), inset -20px -80px 80px rgba(160,160,160,.3); }
	100% { box-shadow: 0 0 6px rgba(0,0,0,.8), inset 0 0 300px rgba(0,0,0,.5); } */
}

@keyframes background-float-out {
	0% { box-shadow: 0 0 6px rgba(0,0,0,.8), inset 0 0 300px rgba(0,0,0,.5); }
	/* 50%	{ box-shadow: 0 0 3px rgba(160,160,160,.4), inset -20px -80px 80px rgba(160,160,160,.3); }*/
	100% { box-shadow: 0 0 0 rgba(0,0,0,0), inset 0 0 180px rgba(0,0,0,0); }
}


	.images-float-box:hover h3 { 
		color: #fff; 
		opacity: 1;
		text-shadow:1px 1px 2px #000;

	/* animation on mouse in */
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		animation:ease-in-out;
		-webkit-transform: translateX(5px);
	    -moz-transform: translateX(5px);
    	-o-transform: translateX(5px);
    	-ms-transform: translateX(5px);
    	transform: translateX(5px);
	}

	.images-float-box:hover p { 
		opacity: 1;
		text-shadow: 1px 1px 2px #000;

	/* animation on mouse in */
		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		animation: ease-in-out;
		-webkit-transform: translateX(7px);
	    -moz-transform: translateX(7px);
    	-o-transform: translateX(7px);
    	-ms-transform: translateX(7px);
    	transform: translateX(7px);
	}

/* ~~~ styles for image thumbnail pages ~~~ */

	.body-imagethumbnails { background: #EEE; }	
	
	.body-imagethumbnails header { background: rgba(0, 0, 0, .7); }

	.images-thumbnailPage { }

	.images-thumbnailPage h2, .images-thumbnailPage h3 {
		/*color: #000;*/
		padding: 0 0 20px 0;
		text-shadow: 0 0 2px rgba(0,0,0,.5);
		text-align: center;
	}

	.images-thumbnailPage h4 { text-align: center; padding: 0 0 35px 0; }

	.images-thumbnailPage h3 { font-weight: 400; }

/* ////////////////////////////////////////////// */
/* ///// ~~~ scrolldown symbol homepage ~~~ ////// */


/* ~~~ scrolldown symbol on homepage  ~~~ */

.scrolldown-info {
	position: absolute;
	bottom: 20px;
	margin-left: 50%;
	text-align: center;
}

	.scrolldown-info a {
		color: #fff;
		opacity: .3;
		padding: 8px;
		text-shadow: 0 0 2px rgba(0,0,0,.5);
		/*border:3px solid #FFFFFF;*/
	}

	.scrolldown-info a:hover { opacity: 1; }

	.icon-scrolldown:before {
		font-family: fontAwesome;
		font-size: 3.5em;
		content: "\f142"; 
		/*vertical-align:-.15em;*/
	}


/* ////////////////////////////////////////////// */
/* /////// ~~~ + INFO Styles ~~~ ////////// */


.misc-temp-top {
	background: url(../images/backgroundMoreInfo-b.jpg) right top no-repeat; 
	background-size: cover !important; 
	height: 250px; 
	overflow: hidden; 
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px; 
	box-shadow: inset 0px -10px 80px rgba(64,64,64,.7)
}

.misc-center { width: 100%; margin: 0 auto; }

.misc-temp { 
/*	background: rgba(67,73,76, .1); */
	margin: 0 auto;
	text-align: center;
	width: 80%;

}

	.misc-temp h3 {  }

	.misc-temp h6 { color: #666; text-transform: uppercase; }