/* -EL CAMPANARIO HOME STYLES- */
.intro {
	position: absolute !important;
	width: 100% !important;
	z-index: 9;
	top: 20%;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	-o-transform: translateY(20%);
	transform: translateY(20%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.intro_content {
	position: relative;
	display: block;
	padding: 20px 0px;
	margin: 0px auto;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.intro-icon {
	width: 100%;
	max-width: 140px;
	position: relative;
	display: initial;
	padding: 5px 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.intro-logo {
	width: 100%;
	max-width: 490px;
	position: relative;
	display: initial;
	padding: 5px 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.intro_content h1 {
	color: #FFFFFF;
	padding: 5px 0px;
}

.intro_content button {
	position: relative;
	display: block;
	padding: 35px 0px;
	margin: 0px auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



/* -EL CAMPANARIO ABOUT- */
.about {
	background: #FFFFFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.about h2, .events h2, .video-content h2 {
	color: #9A7333;
	padding: 5px 0px;
}

.about h3, .events h3, .video-content h3 {
	color: #1C1C1C;
	padding: 5px 0px 25px 0px;
}

.about p, .events p {
	color: #999999;
	padding: 25px 15px 25px 0px;
}

.about button {
	margin: 0px;
	padding: 25px 0px;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.about-img {
	width: 100%;
	max-width: 570px;
	max-height: 488px;
	position: relative;
	padding: 5px 0px;
	margin: 0px auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



/* -EL CAMPANARIO EVENTS- */
.events {
	background: #F3F3F3;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-wrapper {
	padding: 15px;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-container {
	position: relative;
	display: block;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-container:hover, .events-container-bodas:hover {
	box-shadow: rgba(28, 28, 28, 0.1) 0px 10px 30px 0px;
	-webkit-box-shadow: rgba(28, 28, 28, 0.1) 0px 10px 30px 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-bautizos, .events-fines, .events-aniversarios {
	width: 100%;
	height: 240px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-container-bodas {
	position: relative;
	display: flex;
	vertical-align: middle;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-bodas {
	background: url(../images/El-Campanario_Eventos-Bodas.jpg) center center no-repeat transparent;
	width: 50%;
	height: 320px;
	display: inline-block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-bautizos {
	background: url(../images/El-Campanario_Eventos-Bautizos.jpg) center center no-repeat transparent;
	background-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.events-fines {
	background: url(../images/El-Campanario_Eventos-Fin-de-ano.jpg) center center no-repeat transparent;
	background-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-detail {
	padding: 30px;
	position: relative;
	display: block;
	background: #FFFFFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-detail-1 {
	padding: 30px;
	height: 320px;
	display: inline-block;
	position: relative;
	background: #FFFFFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.events-detail h4 {
	background: #FFFFFF;
	padding: 10px 15px;
	position: absolute;
	display: block;
	top: -25px;
	color: #9A7333;
}

.events-detail-1 h4 {
	background: #FFFFFF;
	padding: 10px 15px;
	position: relative;
	display: block;
	color: #9A7333;
}



/* -EL CAMPANARIO VIDEO- */
.video-wrapper {
	height: auto;
	width: 100%;
	left: 0px;
	bottom: 0px;
	position: relative;
	padding: 160px 0px;
	background: #FFFFFF url(../images/El-campanario_El-mejor-lugar-para-tu-proximo-evento_Video.jpg) 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video-content {
	position: relative;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video-content h3 {
	color: #FFFFFF;
}

.video-content button {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: rgba(255, 255, 255, .5);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video-content button:hover {
	transform: scale(.8);
	-webkit-transform: scale(.8);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video-ico {
	width: 100%;
	min-width: 60px;
	padding: 10px;
	position: relative;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video-ico:hover {
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}




/* -MAX WIDHT 1200px- */
@media screen and (max-width: 1200px) {
	.intro {
		top: 13%;
		-webkit-transform: translateY(13%);
		-moz-transform: translateY(13%);
		-ms-transform: translateY(13%);
		-o-transform: translateY(13%);
		transform: translateY(13%);
	}

	.intro-icon {
		width: 100px;
	}

	.intro-logo {
		width: 400px;
	}
}




/* -MAX WIDHT 768px- */
@media screen and (max-width: 768px) {
	.intro {
		top: 15%;
		-webkit-transform: translateY(15%);
		-moz-transform: translateY(15%);
		-ms-transform: translateY(15%);
		-o-transform: translateY(15%);
		transform: translateY(15%);
	}

	.intro-icon {
		width: 80px;
	}

	.intro_content button {
		padding: 20px 0px;
	}

	.about button {
		padding: 15px 0px;
	}

	.about h3, .events h3, .video-content h3 {
		padding: 5px 0px 10px 0px;
	}
	.about p, .events p {
		padding: 15px 0px;
	}

	.events-container-bodas {
		display: block;
	}

	.events-bodas {
		width: 100%;
		height: 240px;
		display: block;
	}

	.events-detail-1, .events-detail {
		height: auto;
		display: block;
		padding: 15px 20px;
	}

	.events-detail-1 h4 {
		padding: 10px 15px;
		position: absolute;
		display: block;
		top: -25px;
	}

	.video-wrapper {
		padding: 100px 0px;
	}

	.video-content button {
		margin-top: 10px;
	}
}



/* -MAX WIDHT 680px- */
@media screen and (max-width: 680px) {
	.intro {
		position: relative !important;
		display: block;
		background: #1C1C1C;
		top: 0%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}

	.intro_content {
		padding: 30px 0px;
	}

	.intro-icon {
		display: none;
	}

	.intro-logo {
		width: 70%;
	}

	.about-img {
		padding: 10px 0px;
	}
}