@charset  "utf-8";

/* CSS Document */
/* Basic background image styling. */
.background-image {
    background-position: top center;
/*	background-position: center center; */
    background-repeat: no-repeat;
    background-size: cover
}

/* Styles for the alternating / transition effect. */
.toggle-image {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    height: 400px;
    transition: opacity 3s ease-in-out
}

/* Styles for the specific images. */
.first-image {
    background-image: url(../images/home-bg_1.jpg);
    z-index: -5;
    opacity: 0
}

.second-image {
    background-image: url(../images/home-bg_2.jpg);
    z-index: -4;
    opacity: 0
}

.third-image {
    background-image: url(../images/home-bg_3.jpg);
    z-index: -3;
    opacity: 0
}

.forth-image {
    background-image: url(../images/home-bg_4.jpg);
    z-index: -2;
    opacity: 0
}

.fith-image {
    background-image: url(../images/home-bg_5.jpg);
    z-index: -1;
    opacity: 0
}

.first-image.show {
    opacity: 1
}

.second-image.show {
    opacity: 1
}

.third-image.show {
    opacity: 1
}

.forth-image.show {
    opacity: 1
}

.fith-image.show {
    opacity: 1
}

#rtext {
    text-align: center;
    vertical-align: middle;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: 49px;
    font-weight: 700
/* left:10%;
    top:50px;
	justify-content:center; */
}