.glitch {
	position: relative;
	overflow: hidden;
}
.glitch img {
	position: relative;
	z-index: 1;
	display: block;
}
.glitch__layers {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.glitch__layer {
	position: absolute;
    left: 0%;
    right: 0%;
	top: 0;
	bottom: 0;
	/* background-image: url(http://localhost/aleteoGit/images/img-project/ImgPer605004d02fe10.jpg); */
	background-repeat: no-repeat;
	background-position: 0 0;
    background-size: cover;
    z-index: 3;
}
.glitch__layer:nth-child(1) {
	transform: translateX(-5%);
	animation: glitch-anim-1 2s infinite linear alternate;
}
.glitch__layer:nth-child(2) {
	transform: translateX(3%) translateY(3%);
	animation: glitch-anim-2 2.3s -.8s infinite linear alternate;
}
.glitch__layer:nth-child(3) {
	transform: translateX(5%);
	animation: glitch-anim-flash 1s infinite linear;
}
@keyframes glitch-anim-1 {
	0% {
		clip-path: polygon(0 0%, 100% 0%, 100% 5%, 0 5%);
	}
	10% {
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	20% {
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	30% {
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	40% {
		clip-path: polygon(0 35%, 100% 35%, 100% 35%, 0 35%);
	}
	50% {
		clip-path: polygon(0 45%, 100% 45%, 100% 46%, 0 46%);
	}
	60% {
		clip-path: polygon(0 50%, 100% 50%, 100% 70%, 0 70%);
	}
	70% {
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	80% {
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	90% {
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	100% {
		clip-path: polygon(0 60%, 100% 60%, 100% 70%, 0 70%);
	}
}
@keyframes glitch-anim-2 {
	0% {
		clip-path: polygon(0 15%, 100% 15%, 100% 30%, 0 30%);
	}
	15% {
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	25% {
		clip-path: polygon(0 8%, 100% 8%, 100% 20%, 0 20%);
	}
	30% {
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	45% {
		clip-path: polygon(0 45%, 100% 45%, 100% 45%, 0 45%);
	}
	50% {
		clip-path: polygon(0 50%, 100% 50%, 100% 57%, 0 57%);
	}
	65% {
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	75% {
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	80% {
		clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
	}
	95% {
		clip-path: polygon(0 45%, 100% 45%, 100% 60%, 0 60%);
	}
	100% {
		clip-path: polygon(0 11%, 100% 11%, 100% 15%, 0 15%);
	}
}
@keyframes glitch-anim-flash {
	0% {
		opacity: .2;
	}
	30%, 100% {
		opacity: 0;
	}
}

.closeBg{
    background-color: transparent;
    color: white;
	cursor: pointer;
	font-size: 20px;
}

.bgNoBorder{
    /* .modal-header{
        border-bottom : none;
    }
    .modal-footer{
        border-top : none;
    } */
}

.bgTransparentModal{
    background-color: transparent;

    /* .modal-header{
        .closeBg{
            display: none;
        }
    }
    .modal-dialog{
        .bgNoBorder{
            height: 100%;
            width: 100%;
        }
    } */
}

.bgDarkModal{
    background-color: black;
    color: white;
}

.bgDarkImportant{
    background-color: black !important;
}

.ModalBlue{
    background-image: url('../../images/img-project/FondoAzul.png');
    text-align: justify;
    background-size: cover;
    font-family: sans-serif;
    box-shadow: 0px 0px 30px transparent, 0px 0px 60px #2f2bd6;
}

.ModalRed{
    background-image: url('../../images/img-project/FondoRojo.png');
    text-align: justify;
    background-size: cover;
    font-family: sans-serif;
    box-shadow: 0px 0px 30px transparent, 0px 0px 60px #d82b2b;
}

.ModalGray{
    background-image: url('../../images/img-project/Fondo 2.png');
    text-align: justify;
    background-size: cover;
    font-family: sans-serif;
    box-shadow: 0px 0px 30px transparent, 0px 0px 60px #ada3a3;
}

.ModalVirtual {
    background: transparent;
    /* border: 2px solid #2f2bd6; */
    box-shadow: 2px 2px 15px #000000 inset;
    text-align: center;
    color: #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Pacifico';
    transition: all 0.3s;
}

.modal-body > h4 {
    font-size: 1.2rem !important;
}