/*******
		FONTS
*******/

@font-face {
	font-family: 'ajp';
	src:url('../fonts/ajp.eot?htxlf0');
	src:url('../fonts/ajp.eot?htxlf0#iefix') format('embedded-opentype'),
		url('../fonts/ajp.ttf?htxlf0') format('truetype'),
		url('../fonts/ajp.woff?htxlf0') format('woff'),
		url('../fonts/ajp.svg?htxlf0#ajp') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*******
		RESETS
*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ol, ul{list-style:none}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:focus{outline:0}


/*******
		DEFAULTS
*******/

html{ height:100%; overflow-y:scroll}

body{/*line-height:1em;*/color:#666; height:100%;font-family:'Open Sans', sans-serif;font-size:0.625em;background-color:#f8f8f8}

a{text-decoration:none;color:#9a8962}
a:hover{text-decoration:none}
img{max-width:100%}

p{font-size:1.6em; line-height:1.5em; font-weight:300}

.extraText{text-indent:100%;white-space:nowrap;overflow:hidden; position:absolute; left:-99999px}
.hide{display:none!important}

/*Clears*/
.clearfix:before, .clearfix:after{content:''; display:table}
.clearfix:after{clear:both}

/*Forms*/
input, textarea{background-color:#fff; color:#999; border:1px solid #efefef;font-family:'Open Sans', sans-serif; font-size:1.4em; height:42px; width:100%; padding:0 1%;-webkit-appearance:none; border-radius:0;box-shadow:none}

button{cursor:pointer;background:none}

textarea{resize:vertical;overflow:auto;width:100%; min-height:80px; padding:1%}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#9a8962}
input:-moz-placeholder, textarea:-moz-placeholder{color:#9a8962; opacity:1}
input::-moz-placeholder, textarea::-moz-placeholder{color:#9a8962; opacity:1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#9a8962}

/*icons*/
[class^="icon-"], [class*=" icon-"] {font-family:'ajp'!important;speak: none;font-style:normal;font-weight normal;font-variant: normal;text-transform:none;line-height: 1;	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.icon-close:before{content:"\e905"}
.icon-list:before{content:"\e906"}
.icon-pdf:before{content:"\e907"}
.icon-facebook:before{content:"\e900"}
.icon-down:before{content:"\e908"}
.icon-left:before{content:"\e901"}
.icon-right:before{content:"\e902"}
.icon-up:before{content:"\e909"}
.icon-play:before{content:"\e903"}
.icon-dots:before{content:"\e90a"}
.icon-menu:before{content:"\e904"}
.icon-facebook2:before{content:"\e90b"}
.icon-google:before{content:"\e90c"}
.icon-linkedin:before{content:"\e90d"}
.icon-twitter:before{content:"\e90e"}


/*******
		TRANSITIONS
*******/

.mainNav ul li a:after, .errorMessage{-webkit-transition: all 300ms ease; transition: all 300ms ease}
.formContactsBtn, .btn404{-webkit-transition: background 200ms ease; transition: background 200ms ease}

.hiddenItem{visibility:hidden;max-height:0;opacity:0;}
.showItem{visibility:visible; max-height:2000px;opacity:1;-webkit-transition:opacity 800ms ease;transition: opacity 800ms ease}

/*******
		STRUCTURE
*******/

.main{position:relative}
.mainHeader{height:80px; width:100%; background-color:#fff}
.mainHeaderHomepage{position:absolute;bottom:0; left:0;-webkit-transition: bottom 0ms 450ms ease;transition: bottom 0ms 450ms ease}
.contentUp .mainHeaderHomepage{bottom:-80px}

.sliderHomepage{height:100%; padding-bottom:80px;}
.container{margin:0 auto; max-width:1180px; padding:0 30px}
.contentDown{overflow:hidden;height:100%}
.contentDown.contentUp{overflow:visible}

.contentDown .homeContent{height:100%; position:absolute; bottom:0; left:0; width:100%}
.contentUp .homeContent{bottom:100%}
.contentUpNews .homeContent{bottom:300px}

.mainContent{overflow:hidden; height:300px; position:absolute; bottom:-300px; background-color:#fff}
.contentUpNews .mainContent{bottom:0; width:100%}
.contentUp .mainContent{display:none}

.contentDown .homeContent, .mainContent{-webkit-transition: all 450ms cubic-bezier(0.750, 0.085, 0.475, 0.775);-moz-transition: all 450ms cubic-bezier(0.750, 0.085, 0.475, 0.775);-o-transition: all 450ms cubic-bezier(0.750, 0.085, 0.475, 0.775);transition: all 450ms cubic-bezier(0.750, 0.085, 0.475, 0.775);
-webkit-transition-timing-function: cubic-bezier(0.750, 0.085, 0.475, 0.775);-moz-transition-timing-function: cubic-bezier(0.750, 0.085, 0.475, 0.775);-o-transition-timing-function: cubic-bezier(0.750, 0.085, 0.475, 0.775);transition-timing-function: cubic-bezier(0.750, 0.085, 0.475, 0.775)}


/*.mainContent{-ms-transform: translate(0, 100%); -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);-webkit-transition: transform 600ms ease;transition: transform 600ms ease; overflow:hidden;}
	
.contentUp .mainContent{-ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0,0);}	
.contentUp .mainContent > section{padding-top:100px}*/

/*******
		MODULES
*******/

.linkMore{text-transform:uppercase; font-size:1.4em; font-weight:700}
.barMore{text-align:center; background-color:#f8f8f8; padding:25px}

.mainTitle{font-size:2.4em;text-transform:uppercase;line-height:1em}
.mainTitle span{display:block; font-size:0.5em}


/*SLIDER*/

.sliderHomepage{background-color:#fff}
.swiper-container{height:100%}
.swiper-slide{background-repeat:no-repeat; background-position:center center;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover}
.swiper-container a{display:block; width:100%;height:100%}
.imgSizeS{width:45%}
.imgSizeM{width:65%}
.slideText{position:absolute; background-color:#000; color:#fff; left:0; bottom:0; padding:15px 25px; font-size:1.4em; text-transform:uppercase; min-height:70px}
.slideText span{font-weight:700}
.slideText .slideTextTop{display:block;color:#fc5c00; font-size:0.928em; line-height:1em; padding-bottom:8px}
.swiper-button-prev, .swiper-button-next{ background-color:#000; top:auto; bottom:0; width:70px; height:70px}
.swiper-button-prev{left:auto; right:71px}
.swiper-button-next{right:0}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:0.65; z-index:9999; pointer-events: auto!important}




/*HEADER*/

.mainHeaderLogo{ width:197px; height:29px; margin:25px 0 0 25px; float:left}
.mainHeaderLogo a{ display:block; width:197px; height:29px; background:url("../img/logo_joao_paciencia.svg") no-repeat 0 0; }

/*NAV*/
.mainNav { float:right; padding-top:30px}
.mobileMenu{display:none}
.mainNav ul li{display:inline-block; font-size:1.4em; font-weight:700; text-transform:uppercase; margin:0 13px}
.mainNav ul li a{ display:inline-block;position:relative}
.mainNav ul li a.mainNavItemLang, .mainNav ul li a.mainNavItemFacebook{color:#ccc4b0}
.mainNav ul li a:after{position:absolute; bottom:-10px; border-bottom:1px solid #9a8962; content:""; display:block; left:0; right:0; margin:0 auto; width:0%;opacity:0}
.mainNav ul li a:hover:after{opacity:1; width:100%}

.mainNav ul li a.mainNavItemLang:after, .mainNav ul li a.mainNavItemFacebook:after{display:none}
.mainNavItemFacebook{font-size:1.75em; font-weight:400; vertical-align:middle} 
.mainNav ul li:last-child{margin:0 20px 0 0}


/*NEWS*/
.news{text-align:center; width:100%}
.newsList{ background-color:#f8f8f8}
.newsList ul{ margin:0 auto; max-width:1180px; padding:0 30px}
.contentDown  .newsList ul{overflow-y:auto;-webkit-overflow-scrolling: touch}
.newsList ul li{display:block;position:relative}
.newsList ul li.showItem{padding-top:35px; padding-bottom:34px}
.newsList ul li:after{border-bottom:1px solid #9a8962; content:""; display:block; margin:0 auto; width:40px; position:absolute; right:0; left:0;bottom:0}
.newsList ul li:last-child:after{display:none}
.newsList ul li .newsDate{font-size:1.3em; font-weight:300; text-transform:uppercase; line-height:1em}
.newsList ul li h3{font-size:2.4em; text-transform:uppercase; line-height:1em; margin-top:9px}
.newsList ul li p, .contactsIntro{margin-top:11px}
.newsList ul li figure img{ margin:20px 9px 0; width:256px; height:256px}
.newsList .barMore{background-color:#fff;}

.contentUpNews ul li.showItem{height:230px;}


/*Project*/

.sliderInterior{height:600px}

.project .projectHeader{background-color:#f8f8f8; min-height:80px; position:relative}
.project .projectHeader h2{font-size:2.4em; text-transform:uppercase; padding:23px 380px 25px 30px}

.projectTools{position:absolute; top:0; right:0; height:100%; width:350px}
.share{float:right}
.projectTools .icon-pdf,.projectTools .icon-list{float:right; height:100%;display:inline-block; font-size:3em; color:#d6bf88; border-left:1px solid #fff; line-height:80px;width:75px; text-align:center}
.shareTitle{display:inline-block; font-weight:700; text-transform: uppercase; color:#d6bf88; font-size:1.4em; padding:32px 10px 30px 0}
.share div{ float:right; padding:29px 20px 0 0}
.share button{display:inline-block; width:24px; height:24px; color:#fff; margin-left:6px; font-size:1.5em}
.share .icon-facebook2{background-color:#3b5998}
.share .icon-google{background-color:#db4437}
.share .icon-linkedin{ background-color:#0077b5}
.share .icon-twitter{background-color:#55acee}
.showTools{display:none}


.projectInfo{background-color:#fff; padding-bottom:65px; padding-top:30px}
.projectInfo ul{margin:0 auto; max-width:710px;text-align:center;font-weight:300; width:100%}
.projectInfo ul li{display:inline-block; vertical-align:top; font-size:1.4em; padding:0 2%}
.projectInfo ul li span{color:#9a8962; text-transform:uppercase; padding-bottom:2px}
.projectInfo ul.projectFeaturesTop {border-bottom:1px solid #ebe7e0}
.projectInfo ul.projectFeaturesTop span{display:block;}
.projectInfo ul.projectFeaturesTop li{padding-bottom:25px}
.projectInfo  ul.projectFeaturesBottom{ padding-bottom:50px}
.projectInfo  ul.projectFeaturesBottom li{width:48%; padding:25px 0 0 0}
.projectInfo ul  sup{vertical-align:super; font-size:0.7em}

.teamLine{font-size:1.5em;line-height:1.5em;font-weight:300; text-transform:uppercase; margin-top:30px; text-align:center}
.teamLine span{color:#9a8962;padding-right:5px}

.projectHighLights, .project .gallery{ background-color:#fff}
.projectHighLights li{ background-color:#f8f8f8; margin-bottom:20px; height:530px}
.projectHighLights li:last-child{margin-bottom:0}
.projectHighLightsPic{ height:100%;width:60%; float:left;background-repeat:no-repeat; background-position:center center; display: block;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover}
.projectHighLightsText{height:100%;width:40%; float:left; text-align:center; font-weight:300; font-size:1.6em; display:table; padding: 0 2%}
.projectHighLightsText span{display: table-cell;text-align: center;vertical-align: middle}
.project .gallery ul li{margin-top:20px}
.project .gallery ul {padding-bottom:50px}
.projectNav{overflow:hidden; position:relative}
.projectNavPrev{ float:left; width:50%}
.projectNavNext{text-align:right;float:right; width:50%}
.projectNavNext img, .projectNavPrev img{max-width:250px;width:38%;-webkit-transition:all 550ms ease-out;transition: all 550ms ease-out}
.projectNavNext img{float:right; margin-right:-100%}
.projectNavNext:hover img{margin-right:0}
.projectNavPrev img{float:left;margin-left:-100%}
.projectNavPrev:hover img{margin-left:0}

.projectNavNext .projectNavInfo{ float:right}
.projectNavPrev .projectNavInfo{ float:left}
.projectNavInfo{font-size:1.4em; text-transform:uppercase; color:#606060; position:relative; padding:0 55px; margin-top:80px; display:inline-block; width:60%}
.projectNavInfo span.projectNavInfoBtn{ display:block; color:#9a8962}
.projectNavInfo strong{ display:block}
.projectNavInfo .icon-left, .projectNavInfo  .icon-right{position:absolute; color:#d6bf88; top:25px; font-size:1.5em;-webkit-transition:all 150ms ease-out;transition: all 150ms ease-out}
.projectNavInfo .icon-left{left:20px}
.projectNavInfo .icon-right{right:20px}

/*contacts*/
.contacts{text-align:center;padding:55px 0}
.contacts h2{text-transform:uppercase;color:#666; font-size:2.4em}
.contactsIntro{ margin-top:5px}
.formContacts{ padding:30px 0 60px}
.formFieldM{ float:left; width:49%;}
.inputMargin{margin-right:2%}
.formContacts textarea{margin-top:10px}
.formContactsBtn, .btn404{color:#fff; background-color:#666; text-transform:uppercase; font-weight:700; font-size:1.3em; padding:15px 35px}
.formContactsBtn:hover, .btn404:hover{background-color:#9a8962}
.formContactsRequired{margin:20px 0; color:#b1b1b1; font-size:1.2em}
.errorMessage{ display:none; color:#f6a577;margin:20px 0; font-size:1.3em; font-weight:700}
input.showError, textarea.showError{border-color:#f6a577}
div.showError{display:block}
.address{background-color:#fff; text-align:left; position:relative; height:370px}
.address  h3{ font-size:1.6em; font-weight:700; padding-top:50px}
.address p {font-size:1.4em}
.address p a{color:#666}
.address p a:hover{color:#9a8962; text-decoration:underline}
.mapBox{position:absolute; left:50%; top:0; width:50%; overflow:hidden; height:370px;background: url("../img/map.png") no-repeat center center;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover}
.formContactsSucess{text-align:center; padding-bottom:60px; display:none}
.formContactsSucess span{text-transform:uppercase; font-size:1.5em; display:block; font-weight:400}


/* about */
.about{}
.aboutInfo{overflow:hidden}
.aboutInfoPic{float:left; width:50%; max-height:525px}
.aboutInfoPic img{width:100%}
.aboutInfoText{float:right; width:50%; padding:3% 3% 0 3%}
.aboutInfoText h3{ margin-bottom:35px}
.aboutInfoText .linkMore{display:inline-block; padding-top:25px}
.missingText{visibility:hidden;max-height:0;opacity:0;-webkit-transition: all 800ms ease;-moz-transition: all 800ms ease;-o-transition: all 800ms ease;transition: all 800ms ease}
.showText{visibility:visible; max-height:1000px;opacity:1}

.gallery ul {margin-left:-2%; overflow:hidden}
.gallery ul li{ float:left; width:18%; margin:0 0 0 2%}
.gallery ul li.showItem{margin-top:20px}
.gallery ul li img{width:100%; display:block}

.awards ul{background-color:#fff; display:block; padding:60px 0 70px}
.awards ul li{float:left; height:165px; width:16.666%; background:url(../img/sprite_premios.gif) no-repeat center -10px; display: block; cursor:pointer; position:relative; z-index:20}
.awards ul .awards2{background-position:center -189px}
.awards ul .awards3{background-position:center -363px}
.awards ul .awards4{background-position:center -530px}
.awards ul .awards5{background-position:center -698px}
.awards ul .awards6{background-position:center -866px}

.awardsText{opacity:0; position:absolute;color:#fff; background-color:#000; font-size:1.4em; text-transform:uppercase; padding:15px; letter-spacing:-0.02em; min-width:300px; bottom:99999px; left:-50px;-webkit-transition: opacity 300ms ease; transition: opacity 300ms ease;}
.awardsText h4{ font-weight:700}
.closeAwards{display:none}

@media only screen and (min-width:660px){
.awards ul li:hover .awardsText{opacity:1; bottom:-110px}
}
.awards ul li:first-child .awardsText{left:10px}
.awards ul li:last-child .awardsText{left:auto; right:10px}

.video{height:760px;position:relative}
.video .swiper-slide{position:relative}
.video .swiper-slide:nth-child(1){ background-image:url("../img/bg_video_1.jpg")}
/*.video .swiper-slide:nth-child(2){ background-image:url("../img/bg_video_2.jpg")}*/
.video iframe{width:100%; height:100%;opacity: 0;position: relative;z-index:8}
.videoPlayBtn {display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 20;cursor: pointer; text-align:center;}
.videoPlayBtn .icon-play{background-color:rgba(255, 255, 255, 0.3); color:#fff; margin-top:305px; padding:30px; border-radius:50%; font-size:8em; display:inline-block}
.playVideo .videoPlayBtn {display: none}
.playVideo iframe {opacity:1}
.video .swiper-button-prev, .video .swiper-button-next{border-left:1px solid #a39676}
.videoTitle{position:absolute; color:#fff; font-size:1.4em; z-index:99; bottom:0; left:0;background-color:#000; display:block; width:100%; height:70px; padding:25px}
.videoTitle span{ text-transform:uppercase;font-weight:700}

.press{text-align:center; padding-top:45px}
.press h3, .publications h3{ margin-bottom:15px}

.listPress{text-align:center; padding-top:25px; width:100%; display:block}
.listPress  li{display:inline-block; color:#fff; background-color:#000; width:22%; max-width:256px; margin:0 0.5%; vertical-align:top; position:relative}
.listPress  li.showItem{padding-bottom:110px; margin-bottom:15px}

.press .barMore{margin-top:-30px}

.listPressInfo{padding:15px 15px; text-align:left; position:absolute; background-color:#000; bottom:0; left:0; width:100%; min-height:110px}
.listPressInfo h4{font-weight:700; text-transform:uppercase; font-size:1.4em}
.listPressInfo p{font-size:1.4em; min-height:65px}

.listPress  li a.linkPdf{height:0; display:inline-block; font-size:1.4em; font-weight:700; color:#d6bf88; overflow:hidden;-webkit-transition: all 200ms ease-out; transition: all 200ms ease-out}
.listPress  li a.linkPdf .icon-pdf{font-size:1.75em;font-weight:400; display:inline-block; padding:15px 10px 0 0}

.listPress  li:hover a.linkPdf{height:50px}

.publications{padding:60px 0 40px; background-color:#fff; text-align:center; overflow:hidden}
.publicationsText, .publicationsPic{ float:left; width:50%; margin-top:35px}
.publicationsText{text-align:left; width:48%; margin-left:2%}
.publicationsText p{padding:30px 0}


.lectures{background-color:#fff; text-align:center; padding-top:40px}
.lectures.newsList .barMore {background-color:#f8f8f8}
.lectures.newsList ul li:last-child:after{display:none}


/*Projects*/

.projects{background-color:#fff}
.projectsList{overflow:hidden;padding-bottom:60px}
.projectsList ul {display:block; width:102%; margin-left:-2%}
.projectsList ul li{float:left; width:18%; height:250px; background-repeat:no-repeat; background-position:center center;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover; margin: 0 0 2% 2%}
.projectsList ul li.projectItem1{width:38%; height:520px}
.projectsList ul li.projectItem2{width:18%; height:520px}
.projectsList ul li.projectItem3{width:38%;}
.projectsList ul li a{display:block;  height:100%; width:100%;position:relative; overflow:hidden}
.projectsList ul li a:before{content:"";position:absolute; top:0; left:0; width:100%; height:100px;z-index:10;background: -moz-linear-gradient(top,  rgba(33,33,33,0.4) 0%, rgba(33,33,33,0) 100%);
background: -webkit-linear-gradient(top,  rgba(33,33,33,0.4) 0%,rgba(33,33,33,0) 100%);background: linear-gradient(to bottom,  rgba(33,33,33,0.4) 0%,rgba(33,33,33,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66212121', endColorstr='#00212121',GradientType=0 )}
.projectsList ul li a h3{color:#fff; margin:20px; font-size:1.4em; text-transform:uppercase; position:relative; z-index:20}
.projectsList ul li a h3 span{display: block; font-weight:700}




.filterBar{ position:fixed; bottom:0; left:0; z-index:999; background-color:#fff;width:100%;min-height:80px;padding-right:65px}
.closeFilter{font-size:2.9em; color:#d6bf88; position:absolute; right:25px; top:25px}
.filterBarTextM, .tagListSelected{display:none}
.filterBar ul {margin:29px 0 0 25px;display:inline-block}
.filterBar ul li {display:inline-block}
.filterBar ul li a{font-weight:700; text-transform:uppercase; font-size:1.4em; color:#b6aa8f; line-height:1.5em; margin-right:20px}
.filterBar ul li a:hover, .filterBar ul li a.selected{color:#9a8962}


/*404*/
.page404{text-align: center; padding:60px 0}
.page404 .mainTitle{margin-bottom:15px}
.page404Image {margin:30px 0 20px}



@media only screen and (min-width:1400px){
	.sliderInterior{height:640px}
}
@media only screen and (min-width:1600px){
	.sliderInterior{height:680px}
}


@media only screen and (max-width:980px){
	
	/*Project*/
	.projectsList ul li , .projectsList ul li.projectItem1, .projectsList ul li.projectItem2{width:48%}
	.projectsList ul li.projectItem3{width:100%}
	.projectsList{margin:0 20px}
	
	/*about*/
	.about .aboutInfoPic{width:100%;max-height:500px; overflow:hidden}
	.about .aboutInfoPic img{margin-top:-80px}
	
	.aboutInfoText {width:100%; padding: 3% 20px 0px}
	
	.about .gallery{padding:0 20px}
	.about .gallery ul li {width:31%}
	
	.listPress li {display:block; width:100%; max-width:100%; overflow:hidden;}
	.listPress li img{ float:left; width:50%}
	.listPressInfo {position:static;width:50%; float:left; padding:10px}
	.listPress li.showItem {padding-bottom:0; margin-left:0; margin-right:0}
	.listPress li a.linkPdf {height:100%; position:absolute; background-color:rgba(0, 0, 0, 0); top:0; left:0; width:50%; text-align:center;padding-top:20%; opacity:0}
	.listPress li:hover a.linkPdf { background-color:rgba(0, 0, 0, 0.4);height:100%;opacity:1}
	.listPressInfo p {line-height:1.25em;font-size: 1.3em}
	
}

@media only screen and (max-width:660px){

	p{font-size:1.4em}	
	.container {padding-left:20px; padding-right:20px}
	
	.mainHeader.showMenu{ position:fixed;z-index:9999}
	.mainHeaderLogo {margin-left:20px}
	.mobileMenu { display:block; font-size:3.5em; position:absolute; top:22px; right:20px}
	.mainHeader.showMenu .icon-menu:before{content:"\e905"}
	.mainNav{ position: fixed; background-color: #f8f8f8; top: 80px; width:100%; left:0; z-index:9999; height:100%; padding-top:10px; display:none}
	.contentDown .mainNav{ bottom:80px; top:auto; height:300px}
	.mainHeader.showMenu .mainNav{ display:block}
	.mainNav ul li {display:block; text-align:center}
	.mainNav ul li a{ padding:18px 0}
	.mainNav ul li a:after, .mainNav ul li a:hover:after{width:30px;opacity:1;bottom:0;border-bottom-color:#d6bf88}
	.mainNav ul li:last-child{margin:0}
	
	/*Homepage*/	
	.swiper-button-prev, .swiper-button-next{bottom:70px;width:53px;height:53px}
	.swiper-button-prev{right:53px}
	.slideText {width:100%;padding:10px 20px;font-size:1.3em}
	.slideText .slideTextTop{padding-bottom:4px}
	
	/*Projects*/
	.projects{padding-top:100px}
	.projectsList ul li, .projectsList ul li.projectItem1, .projectsList ul li.projectItem2, .projectsList ul li.projectItem3 {width:100%; margin-bottom:20px}
	.filterBar {position: absolute;bottom:auto;top:80px; background-color:#f8f8f8; height:80px; padding-right:25px}
	.closeFilter{display:none}
	.filterBarTextM{display:inline-block}
	
	.tagListSelected{ font-size:1.4em; display:block; font-weight:700; text-transform:uppercase; padding:30px 0 0 20px; overflow:hidden}
	.tagListSelected .icon-down{ float:right; font-size:1.65em; margin-top:-2px; color:#d6bf88}
	
	.filterBar ul.tagList{ background-color:#fff; position:absolute; left:0; margin:0; top:80px; width:100%; padding:10px 0; display: none}
	.filterBar ul.tagListOpen{display:block!important}
	.filterBar ul.tagList li{ display:block; width:100%; padding:10px 20px; position:relative}
	.filterBar ul.tagList li:after{position:absolute; bottom:-2px; border-bottom:1px solid #d6bf88; content:""; display:block; left:20px; width:30px}
	.filterBar ul.tagList li:last-child:after{display:none}
	
	/*Projecto*/
	.project .swiper-button-prev, .project .swiper-button-next{bottom:0}
	.project .projectHeader h2 {font-size: 2.0em;padding:23px 30px}
	.sliderInterior{height:350px}
	.project .projectHeader h2 {padding: 23px 30px 20px 15px}
	.projectTools{display:none;  position:static; border-top:1px solid #fff; width: 100%; height:65px}
	.projectTools .icon-pdf, .projectTools .icon-list {line-height:65px;width:55px;font-size:2.5em}
	.share{float:left;margin-left:15px}
	.shareTitle {padding:20px 5px 0 0}
	.share div {padding:19px 0 0 0}
	.openTools.projectTools{display:block}
	.showTools{display:block; position:absolute; top:28px; font-size:2em; width:30px; right:3px;height:30px; color:#d6bf88}
	
	.projectFeatures li {display:block; padding:0; overflow:hidden; text-align:left}
	.projectFeatures li.projectFeaturesBottom{width:100%; padding-top:10px}
	.projectFeatures li span {display:inline-block; width:43%; text-align:right;margin-right:2%; float:left}
	.projectFeatures li.projectFeaturesTop {padding-bottom:10px}
	.projectFeatures:before{display:none}
	
	.projectHighLights li {height:auto;margin-bottom:0; padding-top:300px; position:relative; min-height:300px; overflow:hidden}
	.projectHighLightsPic {width:100%; height:300px; position:absolute; top:0; left:0}
	.projectHighLightsText {width:100%; height:auto; padding:25px 20px}
	.project .gallery{padding:0 10px}
	.project .gallery ul li, .about .gallery ul li {width:48%; margin-top:10px}
	
	.projectNav{}
	.projectNavNext:hover img{margin-right:-100%}
	.projectNavPrev:hover img{margin-left:-100%}
	.projectNavInfo{margin:30px 0;padding:0 40px;width:70%; font-weight:700}
	.projectNavNext .projectNavInfo{padding:0 40px 0 0}
	.projectNavPrev .projectNavInfo{padding:0 0 0 40px}
	.projectNavInfo .icon-left{left:10px; top:10px}
	.projectNavInfo .icon-right{right:10px; top:10px}
	.projectNavInfo strong{display:none}
	.projectNavInfo span:last-child{display:none}

	/*about*/
	.about .aboutInfoPic{max-height:280px}
	.about .aboutInfoPic img{margin-top:-50px}
	
	.awards {overflow:hidden}
	.awards ul li{width:48%!important; margin-bottom:30px}
	.awards ul li {position:static}
	.awards ul li.awardsOpen  .awardsText{position:fixed;width:100%!important; height:100%;display: block;z-index:9999; top:0; left:0; display:block; opacity:1; color:#666; background-color:#fff}
	.awards ul li.awardsOpen  .awardsText .closeAwards{font-size:2.9em;color:#D6BF88;position:absolute;right:25px;top:25px; display:block}
	.awards ul li.awardsOpen  .awardsText header{position:absolute; bottom:20px; left:20px; right:20px}
	
	
	.awards ul li.awardsOpen  .awardsText .awardsPicM{height:165px; width:100%; background:url(../img/sprite_premios.gif) no-repeat center -10px; display: block; margin-top:30%}
	.awards ul .awards2.awardsOpen  .awardsText .awardsPicM{background-position:center -189px}
	.awards ul .awards3.awardsOpen  .awardsText .awardsPicM{background-position:center -363px}
	.awards ul .awards4.awardsOpen  .awardsText .awardsPicM{background-position:center -530px}
	.awards ul .awards5.awardsOpen  .awardsText .awardsPicM{background-position:center -698px}
	.awards ul .awards6.awardsOpen  .awardsText .awardsPicM{background-position:center -866px}
	
	.video{height:360px}
	.videoPlayBtn .icon-play {margin-top:105px; padding:8px;font-size:5em}
	
	.publicationsText, .publicationsPic{width:100%; margin-left:0}
	
	/*contactos*/
	.contacts .formFieldM{width:100%}
	.contacts .inputMargin{margin-right:0}
	.contacts .formContacts input{margin-top:10px}
	.formContacts {padding-top:20px}
	.address{height:auto; padding-bottom:320px}
	.mapBox {left:0;top:auto;width:100%;height:300px; bottom:0}
}

@media only screen and (max-width:520px){
	
	.about .aboutInfoPic img{margin-top:0}
	
	
}