/* Add here all your CSS customizations */

.font-passion{
    font-family: 'Passion One', cursive !important;
    letter-spacing: 0.03em;
}

.owl-carousel.home .owl-nav .owl-prev, .owl-carousel.home .owl-nav .owl-next {
    background: #fff !important;
    width: 0px !important;
}

.comuna {
    left: 6px;
    background: #3d4542;
    padding: 10px 20px;
    color: white;
    position: absolute;
    bottom: 20px;
    letter-spacing: 0.03em;
    z-index: 3;
    font-family: 'Passion One', cursive !important;
    font-size: 30px; font-weight: 400;
}

.comuna .fa{ margin-left: 30px;font-size: 20px;}
.comuna:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: #0000!important;
  bottom: auto;
  border-width: 0 10px 10px 0;
  border-right-color: #222!important;
  left: 0;
  top: 35px;
  z-index: 6;
}
.comuna::before {
    left: 0px;
top: 42px;
}





#portfolioGrid .portfolio-grid-item {
	padding: 0.5vw;
}
#portfolioGrid .portfolio-grid-item .thumb-info {
	border: none;
}
#portfolioGrid .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-background {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#portfolioGrid .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
	opacity: 1;
	-webkit-transform: translate3d(-50%, 50%, 0px);
	-moz-transform: translate3d(-50%, 50%, 0px);
	-ms-transform: translate3d(-50%, 50%, 0px);
	-o-transform: translate3d(-50%, 50%, 0px);
	transform: translate3d(-50%, 50%, 0px);
}
#portfolioGrid .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#portfolioGrid .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
	opacity: 1;
	width: 30%;
}
#portfolioGrid .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-moz-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-ms-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-o-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
#portfolioGrid  .thumb-info .thumb-info-wrapper {
	background-size: cover;
	width: 100%;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
	height: 33.5vw;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
	height: 16.25vw;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
	height: 12.25vw;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
	height: 19.25vw;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper:after {
	background: rgba(10, 12, 36, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-background {
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	width: 100%;
	height: 100%;
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title {
	width: 90%;
	background: transparent;
	bottom: 50%;
	left: 50%;
	opacity: 0;
	text-transform: none;
	margin: 0;
	line-height: 1.4;
	font-size: 30px;
	font-weight: 300 !important;
	text-shadow: none;
	letter-spacing: -1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(-50%, 40%, 0px);
	-moz-transform: translate3d(-50%, 40%, 0px);
	-ms-transform: translate3d(-50%, 40%, 0px);
	-o-transform: translate3d(-50%, 40%, 0px);
	transform: translate3d(-50%, 40%, 0px);
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
	display: block;
	opacity: 0;
	text-transform: none;
	font-size: 16px;
	-webkit-transform: translate3d(0, -40%, 0px);
	-moz-transform: translate3d(0, -40%, 0px);
	-ms-transform: translate3d(0, -40%, 0px);
	-o-transform: translate3d(0, -40%, 0px);
	transform: translate3d(0, -40%, 0px);
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
	opacity: 0;
	position: absolute;
	width: 10%;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, #portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	border-top: 1px solid #FFF;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-moz-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-ms-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-o-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

@media (max-width: 991px) {
	#portfolioGrid {
		margin: 1.5vw;
	}

	#portfolioGrid  .portfolio-grid-item {
		padding: 1.5vw;
	}
	#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
		height: 47.5vw;
	}
	#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
		height: 22.25vw;
	}
	#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
		height: 20.25vw;
	}
	#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
		height: 30.25vw;
	}
}
@media (max-width: 767px) {
	#portfolioGrid:not(.portfolioGridFullNoMargins) {
		margin: 0vw;
	}
	#portfolioGrid:not(.portfolioGridFullNoMargins) li:last-child #portfolioGrid  .portfolio-grid-item {
		padding: 4.5vw 4.5vw 4.5vw 4.5vw;
	}

	#portfolioGrid  .portfolio-grid-item {
		padding: 4.5vw 4.5vw 0vw 4.5vw;
	}
	#portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, #portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, #portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, #portfolioGrid  .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
		height: 71.5vw;
	}
}