#carousel .item img{
    display: block;
    width: 100%;
}

.owl-wrapper {
	overflow: hidden;
}

.owl-item .text {
	position: absolute;
    top: 50%;
    color: #FFFFFF;
    transform: translate(0%, 25%);
    font-family: 'Lato',sans-serif;
    font-size: 40pt;
    margin-left: 20px;
    line-height: 1;
}

@media screen and (max-width: 39.9375em) {
	.owl-wrapper {
		height: 300px;
	}
	
	.owl-item .text {
		font-size: 15pt;
	}
	
	.owl-item .text .sub {
		font-size: 12pt;
	}
}

@media screen and (min-width: 40em) {
	.owl-wrapper {
		height: 600px;
	}
	
	.owl-item .text {
		font-size: 40pt;
	}
	
	.owl-item .text .sub {
		font-size: 25pt;
	}
}

@media screen and (min-width: 64em) {
	.owl-wrapper {
		height: 600px;
	}
	
	.owl-item .text {
		font-size: 40pt;
	}
	
	.owl-item .text .sub {
		font-size: 25pt;
	}
}


.top-bar {
	background: url('../img/header-bg-2.png');
	background-size: cover;
	z-index: 100;
}

.top-bar ul {
	background: none;
}

.top-bar ul li {
	position: relative;
}

.top-bar .logo img {
	width: 100px;
}

.top-bar a {
	color: #A29C9C;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
}

@media only screen and (min-width: 64.063em) {
	.top-bar ul li {
		padding-left: 22px;
		padding-right: 22px;
	}

	.top-bar ul {
		background: none;
	}

	.top-bar .logo img {
		margin-left: 100px;
	}
}

@media only screen and (max-width: 64.000em) {
	.top-bar a {
		font-size: 17px;
	}
}

@media only screen and (max-width: 39.063em) {
	.top-bar a {
		font-size: 14px;
	}
}

@media only screen and (max-width: 64.000em) {
	.top-bar li.lang-select a.lang-select {
		font-size: 14px!important;
	}
}

@media only screen and (max-width: 39.063em) {
	.top-bar li.lang-select a.lang-select {
		font-size: 11px!important;
	}
}

.top-bar-left li.lang-select {
	display: inline;
    list-style: none;
    margin-left: 10px;	
}

.top-bar li.active a, .top-bar a:hover {
	color: #FFFFFF;
}

.top-bar li.active .active-marker {
	border-top-color: white;
}

.top-bar li .active-marker {
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: 50%;
	top: 34px;
	transform: translateX(-50%);
}

.top-bar a, .top-bar .active-marker {
	transition: 1s ease;
}

.top-bar li.lang-select a.lang-select {
	padding: 0.7rem 0.1rem;
	display: inline-block;
	font-size: 17px;
	text-transform: lowercase;
}

li.lang-select span.separator {
	color: #A29C9C;
}

.sub-bar {
	background-color: rgba(81, 81, 81, 0.8);
	background-image: url('../img/sub-bar-bg.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	transition: opacity 0.75s ease;
	opacity: 0;
	padding-right: 25px;
}

/* END TOP BAR SECTION */

.row p:first-of-type {
	margin-top: 1em;
}

h2 {
	margin-top: 1.5em;
	letter-spacing: 7px;
}

@media only screen and (max-width: 39.063em) {
	h2 {
		margin-bottom: .5em;
	}
}

#manifesto h2 {
	margin-top: 0;
	text-align: center
}

p {
	font-size: 20px;
	text-align: left;
}

.red-triangle {
	width: 0px;
	height: 0px;
	border-top: 20px solid #ED1C24;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%) translateY(-25%);
}

#manifesto {
	padding-bottom: 5em;
	margin-top: 4em;
}

#equipa {
	background: url('../img/equipa-bg.png');
	background-repeat: repeat-y;
	color: #FFFFFF;
	background-size: contain;
	padding-bottom: 45px;
}

#equipa .white-triangle {
	width: 0px;
	height: 0px;
	border-top: 20px solid #FFFFFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%) translateY(-25%);
}

#equipa img {
	width: 223px;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#equipa .columns:nth-child(odd) .person-container {
		float: right;
	}

	#equipa .columns:nth-child(even) .person-container {
		float: left;
	}
}

@media only screen and (min-width: 64.063em) {
	#equipa .row.just-two .columns:first-of-type .person-container {
		float: right;
		margin-right: 23px;
	}
	#equipa .row.just-two .columns:last-of-type .person-container {
		float: left;
		margin-left: 23px;
	}
}

.team-divider {
	margin-top: 3em;
}

.person-container {
	margin-bottom: 10px;
}

.name-subtitle {
	display: block;
	width: 223px;
}

@media screen and (max-width: 40em) {
	.name-subtitle {
		width: auto;
	}	
}

#projectos p.large {
	font-size: 24px;
}

#projectos .row:first-of-type p:last-of-type {
	margin-bottom: 3em;
}

.project {
	background-size: contain;
	margin-bottom: 30px;
	position: relative;
	transition: 1s linear;
}

@media screen and (max-width: 39.9375em) {
	.project {
		width: 223px ;
		height: 223px ;
	}

	.project .details {
		width: 175px;
		height: 48px;
		padding-left: 3px;
		padding-top: 2px;
		padding-right: 1px;
	}

	.project .details .description {
		font-size: 6pt;
		font-weight: normal;
	}

	.project .details .name {
		font-size: 6pt;
	}

	.project .video-container {
		bottom: 192px;
	}

	.project .video-container, .project video {
		width: 223px;
		height: 176px;
	}

	.project .details .text {
		font-size: 8pt;
		line-height: 1;
	}

	.project .expand-button, .project .play-button {
		width: 48px;
		height: 48px;
	}

	.project .play-button {
		bottom: 48px;
	}

	.project.expanded {
		height: 896px;
		background-size: cover;
	}

	.project.expanded .details {
		width: 223px;
		height: 192px;
	}

	.project.expanded .text {
		width: 165px;
	}

	.project.expanded .content {
		height: 892px;
	}

	.project.expanded .content img {
		height: 176px;
		width: 223px;
	}
}

@media screen and (min-width: 40em) {
	.project {
		width: 350px;
		height: 350px;
	}

	.project .details {
		width: 275px;
		height: 75px;
		padding-left: 14px;
		padding-top: 14px;
		padding-right: 5px;
	}

	.project .details .description {
		font-size: 8pt;
	}

	.project .details .name {
		font-size: 8pt;
	}

	.project .video-container {
		top: 0px;
	}

	.project .video-container, .project video {
		width: 590px;
		height: 466px;
	}

	.project .details .text {
		font-size: 10pt;
	}

	.project .expand-button, .project .play-button {
		width: 75px;
		height: 75px;
	}

	.project .play-button {
		bottom: 75px;
	}

	.project.expanded {
		height: 616px;
		width: 590px;
	}

	.project.expanded .details {
		width: 515px;
		height: 150px;
		padding-left: 14px;
		padding-top: 14px;
		padding-right: 5px;
	}

	.project.expanded .content {
		height: 466px;
		overflow: hidden;
	}

	.project.expanded .content img {
		height: 233px;
		width: 295px;
	}

	.project .content .columns:first-of-type > img {
		float: right;
	}

	.project .content .columns:last-of-type > img {
		float: left;
	}

	.project .content .columns {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (min-width: 64em) {
	.project {
		width: 400px;
		height: 400px;
	}

	.project .details {
		width: 314px;
		height: 86px;
		padding-left: 9px;
		padding-top: 14px;
		padding-right: 5px;
	}

	.project .details .description {
		font-size: 10pt;
	}

	.project .details .name {
		font-size: 10pt;
	}

	.project .video-container {
		top: 0px;
	}


	.project .video-container, .project video {
		width: 830px;
		height: 658px;
	}

	.project .expand-button, .project .play-button {
		width: 86px;
		height: 86px;
	}

	.project .play-button {
		bottom: 86px;
	}

	.columns:first-of-type > .project {
		float: right;
	}

	.columns:last-of-type > .project {
		float: left;
	}

	.project.expanded {
		width: 830px;
		height: 830px;
	}

	.project.expanded .details {
		width: 744px;
		height: 172px;
		padding-left: 14px;
		padding-top: 14px;
		padding-right: 5px;
	}

	.project.expanded .content {
		height: 658px;
	}

	.project.expanded .content img {
		height: 329px;
		width: 415px;
	}

	.columns:first-of-type > .project.expanded {
		transform: translateX(430px);
	}

	.columns:last-of-type > .project.expanded {
		transform: translateX(-430px);
	}

	.project .content .columns:first-of-type > img {
		float: right;
	}

	.project .content .columns:last-of-type > img {
		float: left;
	}

	.project .content .columns {
		padding-right: 0;
		padding-left: 0;
	}

	.project .details .text {
		font-size: 12pt;
	}
}


#inca {
	background-image: url('../img/inca.jpg');
}

#inca.grayscale {
	background-image: url('../img/inca-gray.jpg');
}

#facm {
	background-image: url('../img/facm.jpg');
}

#facm.grayscale {
	background-image: url('../img/facm-gray.jpg');
}

#loreal {
	background-image: url('../img/loreal.jpg');
}

#loreal.grayscale {
	background-image: url('../img/loreal-gray.jpg');
}

#oceanario {
	background-image: url('../img/oceanario.jpg');
}

#oceanario.grayscale {
	background-image: url('../img/oceanario-gray.jpg');
}

#mnmc {
	background-image: url('../img/mnmc.jpg');
}

#mnmc.grayscale {
	background-image: url('../img/mnmc-gray.jpg');
}

#mmch {
	background-image: url('../img/mmch.jpg');
}

#mmch.grayscale {
	background-image: url('../img/mmch-gray.jpg');
}

#mdm {
	background-image: url('../img/mdm.jpg');
}

#mdm.grayscale {
	background-image: url('../img/mdm-gray.jpg');
}

#ir {
	background-image: url('../img/ir.jpg');
}

#ir.grayscale {
	background-image: url('../img/ir-gray.jpg');
}

@media screen and (max-width: 39.9375em) {
	#mdm.grayscale {
		background-size: contain;
	}
}

@media screen and (max-width: 39.9375em) {
	#mmch #map-audio {
		width: 223px;
		height: 208px;
	}

	#mmch.expanded {
		height: 436px;
	}

	#mmch.expanded .content {
		height: 244px;
	}
}

@media screen and (min-width: 40em) {
	#mmch #map-audio {
		width: 590px;
		height: 430px;
	}
}

@media screen and (min-width: 64em) {
	#mmch #map-audio {
		width: 830px;
		height: 622px;
	}
}

.project .content {
	display: none;
	position: relative;
}

.project.expanded-done .content {
	display: block;
}

.project .details {
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	text-align: left;
	background-image: url('../img/project-details-bg.png');
	transition: 1s linear;
}

.project .details .description {
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
	transition: opacity 1s linear;
}

.project .details .name {
	text-transform: uppercase;
	transition: opacity 1s linear;
}

.project .details .text {
	display: none;
	margin-top: 5px;
}

.project.expanded-done .details .text {
	display: block;
}

.project.expanded .details .description {
	opacity: 0;
}

.project.expanded .details .name {
	opacity: 0;
}

.project.expanded-done .details .description {
	display: none;
}

.project.expanded-done .details .name {
	display: none;
}

.project .expand-button {
	background-image: url('../img/expand-button.png');
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: contain;
	cursor: pointer;
}

.project.expanded .expand-button {
	background-image: url('../img/collapse-button.png');
}

.project .play-button {
	background-image: url('../img/play-button.png');
	position: absolute;
	right: 0;
	background-size: contain;
	cursor: pointer;
	opacity: 0;
	transition: opacity 1s ease;
}

.project.expanded-done .play-button {
	opacity: 1;
}

.project .video-container {
	display: none;
	opacity: 0;
	position: absolute;
	background: #000000;
}

.project .content .audio-container {
	width: 100%;
	z-index: 99;
	/*margin-top: 5px;*/
}

.project .content .audio-container audio {
	width: 100%;
	z-index: 99;
}

.top {
	z-index: 2!important;
}

.info {
	background: url('../img/equipa-bg.png');
	color: #FFFFFF;
}

#onde {
	margin-bottom: 350px;
}

#onde .copyright {
	position: absolute;
	bottom: 0;
}

@media screen and (max-width: 39.9375em) {
	#map {
		height: 360px;
	}

	.info {
		height: 870px;
	}
}

@media screen and (min-width: 40em) {
	#map {
		height: 640px;
	}

	.info {
		height: 500px;
	}
}

@media screen and (min-width: 64em) {
	#map, .info {
		height: 550px;
	}
}

#onde .info {
	position: relative;
}

#onde .info .copyright {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#onde .info .links {
	margin-top: 30px;
}

#onde .info .links a {
	margin-right: 5%;
	font-size: 18pt;
}

#onde .info .links a:last-of-type {
	margin-right: 0;
}

#onde .info a {
	color: #FFFFFF;
}

.red {
	color: #EC1C24;
}

.gray {
	color: #89807d;
}

#clientes ul {
	list-style: none;
	margin-bottom: 0px;
}

#como {
	margin-top: 3rem;
}

#como #areas {
	margin-top: 1em;
}

.project .placeholder {
	text-align: center;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: #FFFFFF;
    font-size: 30px;
    padding: 0px 5px;
}

.small {
	font-size: 15px;
}