@font-face {
 font-family: geflowregular;
 src: url("../fonts/geflowregular.eot"),url("../fonts/geflowregular.ttf"); /* EOT file for IE */
 font-weight:normal;
}



body, html
{
    font-family: "geflowregular";
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.nomargin-nopadding {
    margin:0px;
    padding:0px;
}

#wrapper {
	background-color: #ffffff;
	overflow: hidden;
    z-index:0;
    width:100%;
    height:100%;
    background-image:url('../../images/splashimg/wallpaper.jpg');
	background-size: cover;
	background-position: center center;
    opacity:0;
}


#wrapper.state-in {
  opacity:0;
  -webkit-animation:fadeIn 1s ease-in;
  animation:fadeIn 1s ease-in;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}


@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}


#logo {
    text-align: center;
    margin-top:35px;
}

#logo img {
    display:inline !important;
}


@-webkit-keyframes slide-down {
  0% {  margin-top:0; opacity:0;}
  100% {  margin-top:35px;opacity:1;}
}

@keyframes slide-down {
  0% {  margin-top:0; opacity:0;}
  100% {  margin-top:35px;opacity:1;}
}

#logo.slide-down {
  -webkit-animation:slide-down 1s ease-in;
  animation:slide-down 1s ease-in;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}
 

#content {
    overflow:hidden;
    /*position:absolute;*/
    width:100%;
    background-color:rgba(26, 26, 26, 0.8);
    /*background-color:rgba(186,186,186,.8);*/
    height:auto;
}

@-webkit-keyframes slide-up {
  0% { bottom:0; opacity:0;}
  100% { bottom:100px;opacity:1;}
}

@keyframes slide-up {
  0% { bottom:0; opacity:0;}
  100% { bottom:100px ; opacity:1;}
}

#content.slide-up {
  -webkit-animation:slide-up 1s ease-in;
  animation:slide-up 1s ease-in;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}

#KSA {
    border-left:1px solid #FFFFFF;
    /*border-left:1px solid #808080;*/
    padding:25px 0;
    text-align:center;
}

#Eg {
    padding:25px 0;
    text-align:center;
}


#Eg img, #KSA img {
    display:inline !important;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: 0.5s ease-in 0s;
}
.splash_title{
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
}


#KSA a,#Eg a {
    color:#fff;
    font-size:20px;
    font-weight:500;
}

a:focus {
    outline: 0;
}

 
#KSA a:hover img , #Eg a:hover img  {
    transform: rotate(-1deg) scale(1.2);
    -moz-transform: rotate(-1deg) scale(1.2);
    -webkit-transform: rotate(-1deg) scale(1.2);
}
img.img-responsive{

    margin-bottom: 15px;
}

@media (max-width: 670px) {
    #KSA a,#Eg a {
    color:#fff;
    font-size:15px;
    font-weight:500;
}
#logo{padding-right: 7px !important;padding-left: 7px !important;}

}

@media (min-width: 670px) {
    #content{
       position: absolute;
       bottom:100px;

    }


}