@charset "utf-8";
/* CSS Document */

.invitados{}

.invitados-aguante{
	padding: 0%;
}

.invitados-pintaramanga{
	padding: 0%;
}

.invitadosactionImg2 {
	 position:relative;
}
.invitadosactionImg2 img {
	 display:block;	
}
.invitadosactionImg2 .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:#000;
	 width:100%;
	 height:100%;
	 text-align:center;
	 padding-top:0%;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .5s ease-out;
	 -webkit-transition:opacity .5s ease-out;
	 -moz-transition:opacity .2s ease-out;
}
.invitadosactionImg2 .hover .sub_tit{
	 position:relative;
	 font-size:16px;
	 color:#fff;
	 opacity:0;
	 transition:animation 1s ease .2s,opacity .5s ease-out .3s;
	 -webkit-transition:-webkit-animation 1s ease .2s,opacity .5s ease-out .3s;
	 -moz-transition:-moz-animation 1s ease .2s,opacity .5s ease-out .3s;
}
.invitadosactionImg2:hover .hover {
	 opacity:1;
}
.invitadosactionImg2:hover .hover .sub_tit {
	animation:translateHover .8s .2s;
	-webkit-animation:translateHover .8s .2s;
	-moz-animation:translateHover .8s .2s;
	transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
	 -ms-transform:none;
	 opacity:1;
}



.invitadosactionImg1 {
	 position:relative;
}
.invitadosactionImg1 img {
	 display:block;	
}
.invitadosactionImg1 .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:#FFED00;
	 width:100%;
	 height:100%;
	 text-align:center;
	 padding-top:0%;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .5s ease-out;
	 -webkit-transition:opacity .5s ease-out;
	 -moz-transition:opacity .2s ease-out;
}
.invitadosactionImg1 .hover .sub_tit{
	 position:relative;
	 font-size:16px;
	 color:#fff;
	 opacity:0;
	 transition:animation 1s ease .2s,opacity .5s ease-out .3s;
	 -webkit-transition:-webkit-animation 1s ease .2s,opacity .5s ease-out .3s;
	 -moz-transition:-moz-animation 1s ease .2s,opacity .5s ease-out .3s;
}
.invitadosactionImg1:hover .hover {
	 opacity:1;
}
.invitadosactionImg1:hover .hover .sub_tit {
	animation:translateHover .8s .2s;
	-webkit-animation:translateHover .8s .2s;
	-moz-animation:translateHover .8s .2s;
	transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
	 -ms-transform:none;
	 opacity:1;
}

@keyframes translateHover{
0%{
	 opacity:0;
	 transform:translate3d(0,-20px,0);
	 -webkit-transform:translate3d(0,-20px,0);
	 -moz-transform:translate3d(0,-20px,0);
}
20%{
	 opacity:1;
	 transform:translate3d(0,20px,0);
	 -webkit-transform:translate3d(0,20px,0);
	 -moz-transform:translate3d(0,20px,0);
}
50%{
	 transform:translate3d(0,-10px,0);
	 -webkit-transform:translate3d(0,-10px,0);
	 -moz-transform:translate3d(0,-10px,0);
}
80%{
	 transform:translate3d(0,0px,0);
	 -webkit-transform:translate3d(0,0px,0);
	 -moz-transform:translate3d(0,0px,0);
}
85%,100%{
	 opacity:1;
	 transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
}}
@-webkit-keyframes translateHover{
0%{
	 opacity:0;
	 transform:translate3d(0,-20px,0);
	 -webkit-transform:translate3d(0,-20px,0);
	 -moz-transform:translate3d(0,-20px,0);
}
20%{
	 opacity:1;
	 transform:translate3d(0,20px,0);
	 -webkit-transform:translate3d(0,20px,0);
	 -moz-transform:translate3d(0,20px,0);
}
50%{
	 transform:translate3d(0,-10px,0);
	 -webkit-transform:translate3d(0,-10px,0);
	 -moz-transform:translate3d(0,-10px,0);
}
80%{
	 transform:translate3d(0,0px,0);
	 -webkit-transform:translate3d(0,0px,0);
	 -moz-transform:translate3d(0,0px,0);
}
85%,100%{
	 opacity:1;
	 transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
}}


.actionBtninvitados2 {
	display:block;
	width:312px;
	 height:49px;
	margin:auto;
	text-align:center;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	position: relative;
	top: -200px;
}
.actionBtninvitados2 .front,.actionBtninvitados2 .back {
	position:absolute;
	display:block;
	width:312px;
	 height:49px;
	line-height:46px;
	transition:all .5s;
	-webkit-transition:-webkit-transform .5s;
	-moz-transition:-moz-transform .5s;
	color:#fff;
	font-size: 3rem;
	font-family: 'CeraPro-BlackItalic';
	text-decoration:none;	
}
.actionBtninvitados2 .front {
	background-color: #FFED00;
	color: #000;
	text-align: center;
	transform:translateZ(19px);
	-webkit-transform:translateZ(19px);
	-moz-transform:translateZ(19px);
}
.actionBtninvitados2 .back {
	background-color:#fff;
	color:#000;
	transform:rotateX(-90deg) translateZ(19px);
	-webkit-transform:rotateX(-90deg) translateZ(19px);
	-moz-transform:rotateX(-90deg) translateZ(19px);
}
.actionBtninvitados2:hover {
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
}


.actionBtninvitados1 {
	display:block;
	width:312px;
	 height:49px;
	margin:auto;
	text-align:center;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	position: relative;
	top: -110px;
}
.actionBtninvitados1 .front,.actionBtninvitados1 .back {
	position:absolute;
	display:block;
	width:312px;
	 height:49px;
	line-height:46px;
	transition:all .5s;
	-webkit-transition:-webkit-transform .5s;
	-moz-transition:-moz-transform .5s;
	color:#fff;
	font-size: 3rem;
	font-family: 'CeraPro-BlackItalic';
	text-decoration:none;	
}
.actionBtninvitados1 .front {
	background-color: #fff;
	color: #000;
	text-align: center;
	transform:translateZ(19px);
	-webkit-transform:translateZ(19px);
	-moz-transform:translateZ(19px);
}
.actionBtninvitados1 .back {
	background-color:#000;
	color:#FFED00;
	transform:rotateX(-90deg) translateZ(19px);
	-webkit-transform:rotateX(-90deg) translateZ(19px);
	-moz-transform:rotateX(-90deg) translateZ(19px);
}
.actionBtninvitados1:hover {
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
}


@media screen and (min-width:1360px) and (max-width:1439px){
	
	.actionBtninvitados1{
		top: -78px;
	}
	.actionBtninvitados2{
		top: -150px;
	}
	
	
}