.close-animatedModal .quit,
.close-animatedModal_login .quit {
    background-position: -44px 0;
    cursor: pointer;
    position: absolute;
    right: 16%;
    top: 15px;
    z-index: 1000;
}

.depth {
    background-image: url(../pics/pages-depth.png);
    background-size: 45px 100%;
    background-position-x: 100%;
    position: absolute;
    right: -23px;
    width: 25px;
    height: 100%;
}

.last-page .depth {
	background-size: 30px 100%;
    left: -9px;
    right: initial;
}

.img-responsive {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.modal-content {
	height: 100%;
}

.progress {
    background-color: #000;
    opacity: 0.5;
}

.page-1 .s1{
	-webkit-transform: translateY(100px);
	-webkit-transition: all 1.5s;
	opacity: 0;
}
.page-1 .s2{
	-webkit-transform: translateY(100px);
	-webkit-transition: all 1s;
	-webkit-transition-delay: 0.5s;
	opacity: 0;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	text-align: center;
	color: white;
}

.page-1.animation-on .s1{
	-webkit-transform: translateY(0px);
	opacity: 1;
}
.page-1.animation-on .s2{
	-webkit-transform: translateY(0px);
	opacity: 1;
}