.preloader{
  position:fixed;
  width:100%;
  height:100%;
  background:white;
  z-index:99999;
}

.preloader .item{
    opacity: 0;
  position: fixed;
    top: 34%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.preloader .item .g_op_logo{
  width: 200px;
  height: auto;
  margin: 0 auto;
}


html, body{
  font-family: 'Lato', sans-serif;
  font-size:15px;
  -webkit-font-smoothing: subpixel-antialiased!important;
  color:#666;
  font-weight:400;
  height:100%;
}

a{
  text-decoration:none;
  outline:none;
  font-size:14px;
}

h1{
  font-size:34px;
  color:white;
  letter-spacing:6px;
  line-height:1.2;
}

p{
  font-size:14px;
  color:white;
  font-weight:300;
  letter-spacing:1px;
  margin-top:40px;
}


h1 span{
  color:#2fa68e;
}


::selection {
  background: #ada074;
  color:white;
}

::-moz-selection {
  background: #ada074;
  color:white;
}


.container{
  position:absolute;
  width:100%;
  height:100%;
}


.left{
float:left;
}

.center{
    text-align: center;
}




/* Start page */

.start-page{
  position:relative;
  width:100%;
  height:100%;
  z-index:10;
  background:url('../img/background/main_1.jpg') bottom center fixed no-repeat;
}

.start-page .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(51,51,51,0.1); /* Standard Off */
}


.start-page .content{
  position:relative;
  width:700px;
  margin:0 auto;
  height:100%;
}

.start-page .content .text{
  position:absolute;
  text-align:center;
  margin:auto;
  top:10%;
  left:0;
  bottom:0;
  right:0;
  width:700px;
  height:400px;
}

.start-page .content .text .soon{
  width:200px;
  height:auto;
  margin:0 0 50px 38%;

}

.start-page .content .text .g_logo{
  width:40px;
  height:auto;
  margin:80px auto;
}

.copyright{
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  z-index: 9999;
  color:#fff;
  font-size: 14px;
  text-align: center;
}


@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}