img {
	max-width: 100%;
	width: 100%;
}

.full-height {
  display: block;     
  width: 100%;
  height: 100%;        
  overflow: hidden;    
}


.full-height img {
  display: block;      
  width: 100%;
  height: 100%;
  object-fit: cover;   
}

.project-detail {
	padding-top: 190px
}

.project-detail p {
	font-size: 1.4rem;
	line-height: 1.5;

	font-weight: normal;
	text-transform: none;
	text-align: left;
	color: #262626;
}

.lightbox-image .caption {
	text-transform: uppercase;
	color: #bfbfbf;
	font-size: 0.75rem;
	letter-spacing: 0.15em;
	text-align: right;
	line-height: 1;
	margin-top: 0.5em;
	margin-right: 0.5em;
}

figure {
	margin: 6.5rem 0 6.5rem;
  }

.project-detail p::first-letter {
	/*font-size: 3.5rem;
	font-weight: bold;
	color: rgb(68, 94, 119);
	line-height: 0.5;*/
}

.left_align {
	margin: 0 0 6.5rem 9.72706%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.medium_width {
	width: 47.21254%;
}


.p-block {
	margin: 0 1.39373% 6.5rem;
}

.p-block__text {
	display: block !important;
}

.full-left_align {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 6.5rem;
}

.pleft_align {
	margin-left: 9.72706%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.center-left_align {
	margin: 0 0 6.5rem 18.06039%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.pcenter-left_align {
	margin-left: 18.06039%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.pcenter-right_align {
	margin-left: 34.72706%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.center-right_align {
	margin: 0 0 6.5rem 34.72706%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.right_align {
	margin: 0 0 6.5rem 43.06039%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.full-right_align {
	margin-bottom:6.5rem;
	display: block;
	margin-left: auto;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.pfull-right_align {
	margin: 0;
	display: block;
	margin-left: auto;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.pfull-left_align {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 6.5rem;
}

.pright_align {
	margin-left: 43.06039%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}


.full-left_align {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.small_width {
	width: 38.87921%;
}

.psmall_width {
	width: 38.87921%;
}

.xsmall_width {
	width: 23.87921%;
}

.pxsmall_width {
	width: 23.87921%;
}

.pmedium_width {
	width: 47.21254%;
}

.xlarge_width {
	width: 63.87921%;
}

.pxlarge_width {
	width: 63.87921%;
}

.large_width {
	width: 55.54588%;
}

.plarge_width {
	width: 55.54588%;
}

.full_width {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100%;
	position: relative;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 6.5rem;
}

.projects-title-container {
	background: #fff;
	box-shadow: inset 0 -1px 0 0 #d9d9d9;
	transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;

	position: fixed;
	width: 100%;
	margin-top: 70px;
	border-top: 1px solid #ccc;
}

.projects-title-container .title-menu {
	max-width: 2500px;
	position: relative;
	width: 90%;
	padding: 1rem 0;
}

.projects-title-container .title-menu h2 {
	padding: 0 !important;
	font-size: 1.25rem;
	line-height: 2rem;
	margin: 0;
	text-transform: uppercase;
	padding: 0 1rem;
	color: rgba(84, 111, 143);
}

@media(min-width:691px) and (max-width: 1030px) {
	.project-categories .owl-item {
		float: none!important;
		width: auto!important;
		display: block;
		text-align: left;
		line-height: 3.5rem;
	}
	.project-detail img {
		width: 100%;
	}

	.full-left_align,
	.pleft_align,
	.center-left_align,
	.pcenter-left_align,
	.pcenter-right_align,
	.center-right_align,
	.pright_align,
	.full-left_align,
	.small_width,
	.medium_width,
	.left-align,

	.pmedium_width,

	.xlarge_width,
	.pxlarge_width,
	.large_width {
		max-width: 50%;
		margin-left: 0 !important;
	}

	.nav-brand img {
		padding: 6px;
	}

	.projects-title-container {
		margin-top: 70px;
	}
}

@media(max-width: 690px) {

	.project-detail img {
		width: 100%;
	}


	.full-left_align,
	.pleft_align,
	.center-left_align,
	.pcenter-left_align,
	.pcenter-right_align,
	.center-right_align,
	.pright_align,
	.full-left_align,
	.small_width,
	.medium_width,
	.left-align,

	.pmedium_width,

	.xlarge_width,
	.pxlarge_width,
	.large_width {
		width: 100%;
		margin-left: 0 !important;
	}

	.nav-brand img {
		padding: 6px;
	}

	.projects-title-container {
		margin-top: 70px;
	}
}





.selector-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 10px;
}

.mini-grid-matrix {
	display: grid;
	column-gap: 5px;
	row-gap: 5px;
	grid-template-columns: repeat(6, 1fr);
	margin-bottom: 15px;
	border: 1px solid #ECECEC;
	padding: 10px;
}

.mini-grid-matrix>div.active {
	background: #000;
}

.mini-grid-matrix>div {
	height: 10px;
	background: #ECECEC;
}

.grid-selector {
	cursor: pointer;
	border-radius: 5px;
}

.grid-selector.selected {
	border: 1px solid rgba(84, 111, 143);
	background-color: rgba(84, 111, 143, 0.3);

}



/** Listado de proyectos */

.project-list {
	padding-top: 180px;
}

.project-list h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 0.75rem;
	letter-spacing: 0.15em;
	text-align: right;
	line-height: 1;
	margin-top: 0.5em;
	margin-right: 0.5em;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	padding: 15px;
	background: rgba(68, 94, 119, 0.7);

}

.project-list-item:first-child,
.project-list-item:nth-child(2) {
	margin-top: 0;
}
.instagram-list-item {
	padding-top: 15.27294%!important;
	width: 30.54588%!important;
}

.instagram-list-item,.project-list-item {
	background-color: #262626;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	height: 0;
	margin: 1.39373%;
	overflow: hidden;
	padding-top: 23.60627%;
	position: relative;
	transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 47.21254%;
	opacity: 0;

	&.i01 {
		animation: fade-in-item 1s 0s ease-out forwards;
	}

	&.i02 {
		animation: fade-in-item 1s 0.2s ease-out forwards;
	}

	&.i03 {
		animation: fade-in-item 1s 0.4s ease-out forwards;
	}

	&.i04 {
		animation: fade-in-item 1s 0.6s ease-out forwards;
	}

	&.i05 {
		animation: fade-in-item 1s 0.8s ease-out forwards;
	}
}


@keyframes fade-in-item {
	0% {
		display: block;
		opacity: 0;
	}

	30% {
		display: block;
		opacity: .5;
	}

	60% {
		display: block;
		opacity: .8;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

.project-list-item:nth-child(5n + 0),
.project-list-item:nth-child(5n-1),
.project-list-item:nth-child(5n-2) {
	padding-top: 15.27294%;
	width: 30.54588%;
}

.instagram-list-item:nth-child(5n + 0),
.instagram-list-item:nth-child(5n-1),
.instagram-list-item:nth-child(5n-2) {
	padding-top: 15.27294%;
	width: 30.54588%;
}

.instagram-list-item img, .project-list-item img {
	height: auto;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.projects-title-container {
	background: #fff;
	box-shadow: 1px 1px 1px 1px rgba(84, 111, 143, 0.3);
	position: fixed;
	width: 100%;
	margin-top: 90px;
	border-top: 1px solid #ccc;
	z-index: 1;
}

.projects-title-container .projects-title {
	margin: 0 auto;
	max-width: 2500px;
	padding: 1rem 0;
	position: relative;
	width: 90%;

}

.project-categories {
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}

.project-categories .owl {
	min-width:16%;	
	text-align: center;
	
}

.projects-title-container .projects-title h2 {
	font-size: 1.25rem;
	line-height: 2rem;
	margin: 0;
	padding: 0 1.39373%;
	text-transform: uppercase;
	color: rgb(68, 94, 119);
}

.title-menu a {
	color: #546F8F;
	display: inline-block;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	line-height: normal;
	line-height: 2rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.15s ease-in-out;
}

.selected {
	font-weight: bold;
	color: rgb(68, 94, 119) !important;
}


.mobile-category {

	display: none;

}

@media(max-width: 1030px) {

.owl {
	text-align:left!important;
}
	.project-list-item:nth-child(5n + 0),
	.project-list-item:nth-child(5n-1),
	.project-list-item:nth-child(5n-2) {
		padding-top: 23.60627%;
		width: 47.21254%;
	}


	.mobile-category {
		display: flex;
		justify-content: space-between;
	}
	
.p-block {
	padding-top:150px!important;
}
	.projects-title-container {
		margin-top: 75px;
	}

	.project-categories {
		flex-direction: column;
	}

	.group-categories {

		display: none;

	}


	.nav-brand img {
		padding: 6px;
	}

	.title-menu a {
		font-size: 1.55rem !important;
		line-height: 3rem;
	}
}

@media(max-width: 690px) {
	.mobile-hidden {
		display: none !important;
	}

	.project-list-item,
	.project-list-item:nth-child(5n + 0),
	.project-list-item:nth-child(5n-1),
	.project-list-item:nth-child(5n-2) {
		padding-top: 48.60627%;
		width: 97.21254%;
	}

	.instagram-list-item,
	.instagram-list-item:nth-child(5n + 0),
	.instagram-list-item:nth-child(5n-1),
	.instagram-list-item:nth-child(5n-2) {
		padding-top: 48.60627%!important;
		width: 97.21254%!important;
	}
}

.owl-next {
	position: absolute;
	right: -20px;
	top: 0;
}

.owl-prev {
	position: absolute;
	left: -30px;
	top: 0;
}


.owl-theme .owl-controls .owl-buttons div {
	margin: 3px !important;
	padding: 1px 0px !important;
	background: transparent !important;
	color: #000 !important;
}

.owl-theme .owl-controls {
	margin: 0 !important;
}

.owl-item {
	text-align: center;
}

.messageBlock {
	text-align: center;
	
margin-bottom:20%;
	padding: 20px;
	background: rgba(84, 111, 143, 0.1);
	
}