@font-face{
    font-family: 'ActivGroteskCorp';
    src: url('../fonts/AktivGroteskCorp-Medium.ttf');
    font-weight: normal;
    font-style: normal;

}
body {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top:10%;
    padding: 0;
    font-family:ActivGroteskCorp;
    overflow: hidden;
}

img {
    width: 20%;
    margin-left: 40%;
}

.smail_1 {
    display: none;
    opacity: 0;
    height: 100%;
    background-color: white;
}
.smail_2{
}

.slide {
    color: #000;
    text-align: left;
}
#slides {
     display: inline-block;
     padding: 0px;
     margin-top: 50px;
     width: 100%;
     text-align: center;
     list-style-type: none;
 }
#slides1 {
    display: inline-block;
    padding: 0px;
    margin-top: 50px;
    width: 100%;
    text-align: center;
    list-style-type: none;
}
.smail_2 p {
    text-align: center;
    width: auto;
}
 a {
    color: #dddddd;
}

.slide {
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    background:#ffffff;
    display: none;
    text-align: center;
}
.slide1 {
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    background:#ffffff;
    display: none;
    text-align: center;
}
.showing {
    z-index: 2;
    display: block;
}
.show {
    z-index: 4;
    transition: opacity 1s;
    opacity: 1;
    display: block;
}
.higgen {
    opacity:0;
    transition: opacity 1s;
}