body, html {
	position: relative;
	height: 100%;
}

body.page {
	padding-top: 70px;
}

a.enter {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../img/mendizabal.jpg');
	background-size: 100% 100%;
	
}

a.enter h1 {
	margin: 0;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	padding: 0 50px;
	color: white;
}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 0px 0;
}

.portfolio-carousel {
	display: relative;
	padding: 0 40px;
}

.portfolio-carousel.owl-theme .owl-nav [class*=owl-] {
	background-color: transparent;
	color: #333;
	font-size: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	margin: 0;
	border-radius: 0;
	height: 100%;
	width: 40px;
}

.portfolio-carousel.owl-theme .owl-nav [class*=owl-] i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.portfolio-carousel.owl-theme .owl-nav [class*=owl-]:hover {
	color: #636c72;
	background-color: transparent;
}

.portfolio-carousel.owl-theme .owl-nav .owl-prev {
	left: 0;
}

.portfolio-carousel.owl-theme .owl-nav .owl-prev i {
	right: 15px;
}

.portfolio-carousel.owl-theme .owl-nav .owl-next {
	right: 0;
}

.portfolio-carousel.owl-theme .owl-nav .owl-next i {
	left: 15px;
}

.list-hover {
	position: relative;
}

.list-hover > li {
	display: block;
	width: 100%;
}

.list-hover > li > a {
	display: inline-block;
	width: 400px;
}

.list-hover > li > .img-container {
	display: inline-block;
	width:	59%;
}

.list-hover > li > .img-container > img {
	opacity: 0;
	position: absolute;
	top: 0;
	max-width: 500px;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.list-hover > li:hover > .img-container > img {
	opacity: 1;
}