/*
	- Common
*/

/*
	typeface body
*/
body.pc{
	color: #505050;
	font-size: 16px;
	font-family: 'arial';
	line-height: 24px;
	letter-spacing: 0.05px;
	min-width: 980px;

}

body.mac-os{
	color: #333; 
	font-size: 20px;
	font-family: 'helvetica-neue-light';
	line-height: 25px;
	letter-spacing: 0.35px;x
	min-width: 980px;
}

body{
	color: #333; 
	font-size: 16px;
	/*
	font-family: 'helvetica-neue-light';  */
	font-family:open sans condensed,sans-serif;
	line-height: 25px;
	letter-spacing: 0.35px;
	min-width: 980px;
}



a{
	color: inherit;
	text-decoration: none;
}

.home a{
	color: inherit;
	text-decoration: none;
}

a.underline{
	text-decoration: underline;	
}

a.underline:hover{

	/*color: #b9b9b9;*/
	color: blue;
	text-decoration: underline;
}

/*
a.link {color:blue;} 
a.visited {color:#ffcc33;} 
a.active {color:#ff0000;} 

*/


a:link {
color:blue;
text-decoration:underline;
}

a:hover {
	/*color: #b9b9b9;*/
	color: blue;
	text-decoration: underline;
}


a:visited {
color:blue;
text-decoration:underline;
}

a:active {
color:blue;
text-decoration:underline;
background-color:#000000;
}



.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

ol, ul {
	margin: 0;
	list-style: none;
}



p {
	margin: 0 0 0px 0;
}

.bold {
	font-weight: bold;
}

#logo{
	float: left;
	margin-top: 15px;
}

#logo a{
	
	/*background-image:url(../logo11.png); */
  
	background-image:url(logo11.png);
	width: 136px;   
	height: 102px;
	display: block;
	transition:background-position 1s;
	-webkit-transition:background-position 1s;	
	border-radius: 20px 70px 0px 40px;

	/*font-size= 0px; 
	text-indent: -500px;
	overflow:hidden; 
	background-position: 0px 0px;*/
	
}

#logo a:hover {
	
	/*background-image:url(../walter1.svg) 0 0 no-repeat;*/
	background-position: 0px -100px;
	}


#logo span {
	display: none;
}

/*
	- Structure
*/
.site-container {
	width: 990px;  /*  width: 870px;  */
	margin: 0 auto;
}

/*
	- Navigation
*/
.nav {
	margin: 40px 0 80px 0px;  /* margin: 40px 0 80px 0px; */
	position: relative;
}

/*.nav a:hover
{
	color: #999999;
}*/

/*.nav a {
	color: #333333;
	font-family:inherit;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: 0.5px;
	margin: 0 0px 0 19px;
	text-transform: uppercase;
	letter-spacing: 2.7px;
	float: right;
	font-family: 'proxima_novalight';

}
*/
.nav a {
	color: #555;
	font-family:inherit;
	font-size: 16px;
	line-height: 24px;
	                            /*  word-spacing: 40px;*/
	letter-spacing: 0.5px;
	margin: 0 0px 0 100px;   /* T B R L=19   margin: 0 0px 0 159px;*/
	text-transform: uppercase;
	/* letter-spacing: 2.0px;*/
	float: right;
	font-family: 'proxima_novaregular';

}

.nav a.home {
	color: #333;
	font-size: 23px;
	margin: 0 0px 0 0px;
/*	font-family: 'helvetica-neue-bold', 'proxima_novabold';	*/
	font-family: 'proxima_novabold';
	float:left;	
	line-height: 20px;
	margin-right: 27px;
	letter-spacing: 2.5px;

}
/*
.nav a.home:hover{
	color: inherit;
}
*/

/*
.nav a.about.selected:before {
	content: '\25CF';
	font-size: 12px;
	position: absolute;
	text-align:right;
	top: -16px;
	left: 748.5px;
}


.nav a.work.selected:before {
	content: '\25CF';
	font-size: 12px;
	position: absolute;
	text-align:right;
	top: -16px;
	left: 829px;
}*/

/*
	- About Page
*/

/* lazy load image hide */
img.lazy {
	display: none;
}

img.lazy2 {
	display: none;
}

img.650366 {
	width: 650px;
	height: 366px;
}

img.650386 {
	width: 650px;
	height: 386px;
}

img.eight {
	width: 870px;
	height: 499px;
	display: block;
}


.about-section {
	margin: 0 0 40px;
	overflow: hidden;
}

.about .icon {
	margin-bottom: 50px;
	margin-top: 10px;/*

	margin-right: 10px;*/
}

/*
.about-left-wide {
	width: 190px;
	float: left;
	color: #404040;
	font-family: 'proxima_novamedium';
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.9px;
}
*/

.img650366{
	width: 640px;
	height:360px;
}

.about-right, .details-right {
	width: 650px;
	float: right;
	font-size: inherit;
	line-height: inherit;
	margin: 0 0 0px;
	max-height: 999999px;
}

 

/*
	typeface about title
*/


.about-right .title {
	float: left;
	font-family: 'helvetica-neue-medium';
/*	font-family: 'proxima_novasemibold';
*/	font-size: 18px;
	line-height: 30px;
	width: 500px;
	letter-spacing: 0.15px;
	margin: 0 0 0 0;
	color: #333;
}

.fade {
   opacity: 1.0;
   transition: opacity .2s ease-out;
   -moz-transition: opacity .2s ease-out;
   -webkit-transition: opacity .2s ease-out;
   }

.fade:hover {
  opacity: 0.85;
 }

 .fade2 {
   opacity: 1.0;
   transition: opacity .2s ease-out;
   -moz-transition: opacity .2s ease-out;
   -webkit-transition: opacity .2s ease-out;
   }

.fade2:hover {
  opacity: 0.5;
 }
/*
.about-section.honors .about-right ul li.title
{
	width: 500px;
	letter-spacing: 0.2px;
	color: #404040;
	font-size: 16px;
	font-family: 'proxima_novalight', Helvetica-light, Arial, sans-serif;
	line-height: 23px;
	letter-spacing: 0.35px;

}*/


/*
	typeface about organization
*/

.about-right .organization {
	float: left;
	font-family: 'helvetica-neue-medium';
	font-size: 16px;
	line-height: 22px;
	width: 470px;
	letter-spacing: 0.14px;
	color: #999999;
	margin-bottom: 5px;

}

.about-right .title span {
	/*display: block;*/
}

/*.about-right .organization span {
	display: block;
}*/

.about .honors ul li.date,
.about-right .date{
	float: right;
	width: 130px;
	text-align: right;
	font-size: 13px;
	color: #999999;

}

.about-right .date2{
	float: right;
	width: 90px;
	text-align: right;
	font-size: 13px;
	color: #999999;

}

.about .press ul li.press-date  {
	float: right;
	width: 80px;
	text-align: right;
	font-size: 13px;
	color: #999999;
}

.about .papers ul li.press-date  {
	float: right;
	width: 80px;
	text-align: right;
	font-size: 13px;
	color: #999999;
}

.about-right .description {
	margin: 10px 0 0;
}

.about-section-item {
	margin: 0 0 40px;
}

.about-section-item.last-item {
	margin: 0 0 20px;
}

/*
	- About - - Honors
*/
.about .honors ul {
	overflow: hidden;
	max-height: 999999px;
}


.about .honors ul {
	overflow: hidden;
	max-height: 999999px;
}


/*
	typeface body span bold
*/

.boldstyle{
	/*font-family: "proxima_novasemibold";*/
	font-family: "helvetica-neue-medium";
	font-size: 16px;
	line-height: 28px;
	color: #333;
}

.lightstyle{
	/*font-family: "proxima_novasemibold";*/
	font-family: "helvetica-neue-light";
	font-size: 16px;
	letter-spacing: 0.35px;
	line-height: 25px;
	color: #000000;
}

.pc .lightstyle{
	/*font-family: "proxima_novasemibold";*/
	font-family: arial;
	font-size: 16px;
	letter-spacing: 0.05px;
	line-height: 25px;
	color: #333;
}


.semibold
{
	font-family: "proxima_novasemibold";
}

.about .awards ul{
	width: 555px;
}


/*
	- About - - Papers
*/
.about .papers ul {
	overflow: hidden;
	margin: 10px 0 0;
	max-height: 999999px;
}

.about .papers ul:first-child {
	margin: 0;

}

.about .papers ul li.paper-desc {
	float: left;	
	width: 545px;
	max-height: 999999px;
}


}



.about .papers ul li.paper-date {
	float: right;
	width: 50px;
	text-align: right;
	font-size: 13px;
	color: #999999;
}

/*
	- About - - Press
*/
.about .press ul {
	overflow: hidden;
	max-height: 999999px;
}

.about .press ul li.press-desc {
	float: left;
	width: 555px;
	max-height: 999999px;
}

}

/*
	- About - - Skills
*/
.about .skills p {
	margin: 0 0 10px;
	width: 600px;
}

.about .skills ul li {
	width: 600px;
}

/*
	- About - - Video
*/
.about .video {
	margin: 0;
}

.about .video .midsize-video {
	margin: 10px 0 0;
}

/*
	- Details Page
*/

.details .content-container .featured-video,
.details .content-container .featured-image {
	margin: 0 0 70px;
}

.details .content-container .featured-image.img870479{
	width: 870px;
	height: 479px;
	margin: 0 0 70px;
}

.details .content-container .featured-image.img870489{
	width: 870px;
	height: 489px;
	margin: 0 0 70px;
}

.details .content-container .featured-image.img870513{
	width: 870px;
	height: 513px;
	margin: 0 0 70px;
}

.details .content-container .featured-image.img870453{
	width: 870px;
	height: 453px;
	margin: 0 0 70px;
}

.details .content-container .details-right p.t{
	margin: 0 0 35px;
}

.details .content-container .details-right p{
	margin: 0 0 40px;
}

/*
.details .content-container .details-right p.f{
	margin: 0 0 40px 0;
}*/

.details .content-container .details-right p.l
{
	margin: 0px 0 70px 0;
}

.about .about-section .about-right p.l{
	margin: 0px 0 60px 0;
}

.about .about-section .about-right p.t{
	margin: 0px 0 25px 0;
}



/*
	typeface left description
*/
.details-left-narrow {
	width: 145px;
	float: left;
	color: #9b9b9b;
	font-size: 12px;
	line-height: 18px;
	float: left;
}


/*
	typeface left title
*/

.details-left-wide, .about-left-wide{
	width: 200px;
	float: left;
	color: #333;
	font-family: 'proxima_novasemibold';
	font-size: 17px;
	line-height: 30px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}

body.pc .details-left-wide, .about-left-wide{
	width: 200px;
	float: left;
	color: #333;
	font-family: 'proxima_novasemibold';
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}








/*
	typeface right body title
*/
.details-right-title {
	width: 650px;
	float: right;

	font-family: 'helvetica-neue-medium';
/*	font-family: 'proxima_novasemibold';
*/	font-size: 17px;
	line-height: 25px;
	margin-bottom: 4px;
	color: #333;
}


.photodesc{
	width: 870px;
	font-size: 13px;
	margin: auto;
	margin-top: 10px;
	text-align: right;
	margin-bottom: 70px;
	color: #b0b0b0;
}

/*
	typeface left project itle
*/
h1.details-title {
	color: #333;
	font-family: 'helvetica-neue-bold';
	font-size: 20px;
	line-height: 24px;
	
	margin:0px;
	margin-bottom: 0px;
	padding: 0;
}

.details-desc {
	
	margin-top: 20px;
}

.details-acknowledgement {
	margin: 20px 0 0;
}
.details-desc p
{
	margin-bottom: 0px;
}

/*
	- Details - - Publication Section
*/

.publication{
	margin-top: 0px;
	margin-bottom: 40px;
}

.publication .details-right ul,
.publication .details-right p {
	margin: 0 0 40px;
}

.publication .details-right ul li{
	margin-bottom: 10px;
}

.press{
	margin-top: 0px;
	margin-bottom: 50px;
}

.press .details-right ul,
.press .details-right p {
	margin: 0 0 0px;
}


.details-right-paragraphtitle p {
	margin: 0 0 0px;
/*	font-family: 'proxima_novasemibold';
*/
	font-family: 'helvetica-neue-medium';
}

/*
	- Details - - Related-Work Section
*/
.related-work {
	margin: 0px 0 0;
}

.related-work ul {
	margin-top: 5px;
	overflow: hidden;
}

.related-work ul li {
	float: left;
}

.related-work ul li.middle-img {
	margin: 0 25px;
}

/*
	- Work Page
*/
.work-section {
	margin: 0 0 100px;
}

/*
	- Work Page - - Featured Projects Section
*/
.work .featured-projects ul {
	overflow: hidden;
	margin: 70px 0 0;
}

.work .featured-projects ul:first-child {
	margin: 0;
}
.work .featured-projects ul li.work-left {
	float: left;
	width: 180px;
}

.work .featured-projects ul li.work-right {
	float: right;
	width: 640px;
}

.work .agrupa-titulos {
	color: #333;
	font-family: 'proxima_novamedium';
	font-size: 22px;
	line-height: 27px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 2.0px;
	margin: 150px 0 50px;
}


.work .agrupa-titulos ul li span {
	display: block;
}

.work-title {
	color: #333;
	font-size: 18px;
/*	font-family: 'proxima_novasemibold';*/
	font-family: 'helvetica-neue-bold';

}

.pc .work-title {
	color: #333;
	font-size: 18px;
/*	font-family: 'proxima_novasemibold';*/
	font-family: 'helvetica-neue-bold';

}

.work-title a {
	color: #333;
}


.work-desc {
	color: #000000;
	font-family: 'helvetica-neue-light';/*
	font-family: 'proxima_novalight';*/
	font-size: 15px;
	line-height: 21px;
	margin-top: 15px;
}

.pc .work-desc{
	color: #505050;
	font-family: 'arial';
	letter-spacing: 0.05px;
/*	font-family: 'proxima_novalight';
*/	font-size: 15px;
	line-height: 21px;
	margin: 18px 0;
}



.work-info {
	color: #9b9b9b;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.2px;
	margin-top: 15px;
}

.work-info span {
	display: block;
}

/*
	- Work Page - - Other Projects Section
*/
.work .other-projects ul {
	overflow: hidden;
	margin: 20px 0 0;
}

.work .other-projects ul:first-child {
	margin: 0;
}

.work .other-projects ul li {
	float: left;
	width: 264px;
	margin: 0 0 0 39px;
}

.work .other-projects ul li:first-child {
	margin: 0;
}

.work .other-projects ul li span {
	display: block;
}

.work .other-projects-title {
	color: #333;
	font-family: 'proxima_novamedium';
	font-size: 22px;
	line-height: 27px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 2.0px;
	margin: 150px 0 50px;
}



.pc .work .other-projects-title {
	font-family: 'proxima_novasemibold';
}

.work .other-projects-title a {
	color: #333;
}

.romanstyle{
	color: #333;
	font-size: 16px;
	line-height: 23px;
	font-family: 'helvetica-neue-medium';
}
.work .other-projects .other-projects-item-title {
	color: #b0b0b0;
	/*font-family: 'proxima_novalight';*/
	font-family: 'helvetica-neue-light';

	font-size: 12px;
	line-height: 22px;
	margin: 5px 0 0;
}

.pc .work .other-projects .other-projects-item-title {
	color: #b0b0b0;
	/*font-family: 'proxima_novalight';*/
	font-family: 'arial';
	letter-spacing: 0.05px;

	font-size: 15px;
	line-height: 23px;
	margin: 10px 0 0;
}



/*
	- Photo Carousel
*/
.carousel {
	margin: 0 0 45px;
}

.carousel-control-container {
	width: 115px;
	margin: 15px auto 0;
}

.carousel-indicators {
	position: relative;
	width: auto;
	margin: 0 4px;
	top: -10px;
	left: 0;
	bottom: 1px;
}

.carousel-indicators li,
.carousel-indicators .active {
	width: 8px;
	height: 8px;
	margin: 0 3px;
}

.carousel-indicators li {
	background-color: #d8d8d8;
}

.carousel-indicators .active {
	background-color: #9b9b9b;
}

a.carousel-control {
	font-size: 0px;
	width: auto;
	opacity: 1;
	text-shadow: none;
	position: relative;
}

a.carousel-control,
a.carousel-control:focus,
a.carousel-control:active,
a.carousel-control:hover {
	color: #d8d8d8;
}

.carousel-control.left,
.carousel-control.right {
	background: none;
}

/*
	- Copyright
*/


.bottomline {
	margin: 50px 0px 50px 0px;
	
}

.bottomline.center{
	margin-left: -220px;
}

.bottomline ul{
	width: 108px;
	margin:auto;
}

.bottomline ul li{
	display: inline-block;
	margin-bottom: 20px;
}

.bottomline ul li.prev{
}

.bottomline ul li.work{
	margin-left: 30px;
}

.bottomline ul li.next{
	margin-left: 30px;
}

.bottomline ul li.copyright{
	margin-left: 40px;
	color: #e0e0e0;
	font-size: 12px;
	line-height: 60px;
	text-align: right;
	letter-spacing: 1px;
	float:right;
}

.bottomline ul li img{
	opacity:0.8;
}

.copyright
{
	color: #d0d0d0;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 50px;
}

.copyright.center
{
	margin-left: -220px;
	color: #d0d0d0;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 50px;
}

/*
	- Home Page
*/
/*.home .homepage-background {
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;


}

.home .homepage-background img {
	min-height: 100%;
	min-width: 1000px;
	width: 100%;
	height: auto;	

}	

.home .site-container {
	position: relative;
}

.home .content-container {
	width: 840px;
	position: relative;
}

.home .homepage-intro-description {
	color: #f2f2f2;
	font-size: 14px;
	letter-spacing: 0.6px;
	line-height: 20px;
	width: 235px;
	margin-top: 450px;
	margin-left: 640px;
}

@media all and (min-width:1920px) {
	.home .homepage-background {
		left: 50%;
		margin-left: -960px;
	}	
	.home .homepage-background img {
		width: 1920px;				
	}
	.home .homepage-intro-description {
		top: 520px;	
	}	
}
*/
/*
.home .homepage-background {
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;			
}

.home .homepage-background img {
	/*min-height: 100%;*/
	min-width: 1000px;
	width: 100%;
	height: auto;			
}	

*/

.home .site-container {
	position: relative;
	x

}

.home .content-container {
	width: 840px;        
	position: relative;
	background-color:#9bb252;

}

.homepage-intro-description {
	font-family: 'Palatino Linotype';
	/* color: #000000;    /* #f1f1f1  #000000 #FFFFFF*/ */
	font-size: 20px;  /*font-size: 14px; */
	letter-spacing: 0.3px;
	line-height: 21px;
	width: 500px;  /*865px */

	position: absolute;
	top: 570px;   /*top: 170px;*/
	left: 580px;  /*left: 580px;*/
	border-radius: 10px;
	text-align: justify; 
	padding: 0.5cm; 
	/* background-color:#87CEFA;      #0000FF;  
	background:  linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -webkit-linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -ms-linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -moz-linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -o-linear-gradient(top, #09C #0000FF) repeat-x; 
	
	background:  linear-gradient(top, #FFF, #00FFFF) repeat-x;
	background:  -webkit-linear-gradient(top, #FFF, #00FFFF) repeat-x;
	background:  -ms-linear-gradient(top, #FFF, #00FFFF) repeat-x;
	background:  -moz-linear-gradient(top, #FFF, #00FFFF) repeat-x;
	background:  -o-linear-gradient(top, #FFF #00FFFF) repeat-x; 


 background:  linear-gradient(top, #9bb, #9bb252) repeat-x;
	background:  -webkit-linear-gradient(top, #9bb #9bb252) repeat-x;
	background:  -ms-linear-gradient(top, #9bb, #9bb252) repeat-x;
	background:  -moz-linear-gradient(top, #9bb, #9bb252) repeat-x;
	background:  -o-linear-gradient(top, #9bb #9bb252) repeat-x; 

*/

	
	
}

.home.pc .homepage-intro-description {
	/*font-family: 'proxima_novaregular';
	color: #f1f1f1;*/
	
	color: black;   /* #000000 */ 
	font-size: 16px;  /*font-size: 14px; */
	letter-spacing: 0.3px;
	line-height: 20px;
	width: 235px;
	position: absolute;
	top: 170px;
	left: 580px;
	border-radius: 20px;
	text-align: justify; 
	padding: 1cm; 
	/*
	background:  linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -webkit-linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -ms-linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -moz-linear-gradient(top, #09C, #0000FF) repeat-x;
	background:  -o-linear-gradient(top, #09C #0000FF) repeat-x;
}	*/

/*
.homepage-intro-description p {

    text-align: justify;

}

*/

@media all and (min-width:1920px) {
	/* center align the image */
	.home .homepage-background {
		left: 50%;
		margin-left: -960px;

	}	
	.home .homepage-background img.responsive {
		width: 1920px;				
	}
	.home .homepage-intro-description {
		top: 520px;	
	}	
}

/* CSS3 STYLE GENERIC */
/*.work .other-projects li */
.spec{
   width: 264px;
   height: 264px;
   margin: 0px;
   float: left;
   border: 0px solid #fff;/*
   overflow: hidden;*/
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 0px #aaa;
   cursor: default;
}
/*.work .other-projects li */
.spec .mask, .spec .content{
   width: 264px;
   height: 264px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
/*}
.work .other-projects li */
.spec img {
   display: block;
   position: relative;
}
/*.work .other-projects li */
.spec a.info {
   display: inline-block;
   text-decoration: none;
   padding:0;
   font-size: 18px;
   font-family:;
   text-indent:0px;
   width:20px;
   height:20px;
}