*{padding: 0; margin: 0;}
body{background-image: url("../images/sa.jpg"); background-size: cover;}
body:before{
    content: "";
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
}
.cloudy {
    animation: cloudy 5s ease-in-out infinite;
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    position: relative;
    left: 0;
    top: 0;
}
p.about_concept {
    color: white;
   text-align: center;
    margin-top: -82px !important;
 
}

.cloudy:after {
    animation: cloudy_shadow 5s ease-in-out infinite;
    background: #000000;
    border-radius: 50%;
    content: '';
    height: 15px;
    width: 230px;
    opacity: 0.2;
    position: absolute;
    left: 85px;
    bottom: -29px;
    transform: scale(1);
}
@keyframes cloudy {
    50% { transform: translateY(-20px); }
}
@keyframes cloudy_shadow {
    50% { transform: translateY(20px) scale(.7); opacity:.05; }
}
@media(min-width:768px) and (max-width: 991px){
    .cloudy:after {
        width: 150px;
        left: 40px;
    }
    .rate{margin-bottom: 15px;}
}

@media(max-width: 767px){
    .cloudy{position: relative;}
    .cloudy:after {
        width: 150px;
        left: 40px;
    }
    .cloudy:after{display: none;}
    .rate{margin-bottom: 15px;}
}
.logo-presentation{width: 100%;float: left;position: relative;overflow: hidden;padding-top: 6%;z-index: 999;}
.logo-presentation img{
    height: 280px;
    margin: 0 auto;
}
.logo-presentation h1{
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 80px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
.line-1{
    position: relative;
    top: 50%;  
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
  
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}

/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(24) 1s 1 normal both,
             blinkTextCursor 500ms steps(24) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 16em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}
.cloudy.gty a img:hover {
content: url('../images/hovercls.jpg');
}
.cloudy.gtu a img:hover {
content: url('../images/hoverenv.jpg');
}
.cloudy.gtyu a img:hover {
content: url('../images/hoverccs.jpg');
}