@charset "utf-8";
/* CSS Document */

.navigation{
    position:fixed;
    z-index:1;
    top:20px;
}
.navigation li{
    color:#333333;
    display:block;
    padding: 0 10px;
    line-height:30px;
    margin-bottom:2px;
    font-weight:bold;
    -webkit-transition: all .2s ease-in-out;
    border-bottom:1px solid black;
    text-align:left;
    width:53px;
}
.navigation li:hover,.active{
    font-size:25px;
    cursor:pointer;
    /*width:100px!important;*/
}
.envatologo{
    position:fixed;
    top:50%;
    left:50%;
    width:446px;
    margin-top:-41px;
    margin-left:-223px;
    z-index:1;
}
.slide{
    background-attachment: fixed;
    position: relative;
    /*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/
}
.wrapper{
    z-index: 2000;
    width:960px;
    margin:0 auto;
    position:absolute;
}

.wrapper img:first-child{
    position:absolute;
    top: 700px;
    left: -150px;
}
.wrapper img:nth-child(2){
    position:absolute;
    top:300px;
    left:100px;
}
.wrapper img:nth-child(3){
    position:absolute;
    top:600px;
    left:300px;
}
.wrapper img:nth-child(4){
    position:absolute;
    top:400px;
    left:300px;
}
.wrapper img:nth-child(5){
    position:absolute;
    top:600px;
    right:300px;
}
/*.wrapper img:nth-child(6){
    position:absolute;
    top:1200px;
    right:300px;
}*/
.wrapper img:nth-child(7){
    position:absolute;
    top:400px;
    right:100px;
}
.wrapper img:nth-child(8){
    position:absolute;
    top:100px;
    right:300px;
}
.slideno{
    position:absolute;
    bottom:0px;
    left:0px;
    font-size:100px;
    font-weight:bold;
    color:rgba(255,255,255,0.3);
}
.button{
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    bottom:0px;
    left:50%;
    background-color:#333333;
    background-image:url(../images/arrow.png);
}
.button:hover{
    background-color:#494949;
    cursor:pointer;
}

/******************************
 HOME 1
*******************************/
#Home{


}

/******************************
 SLIDE 2 
*******************************/
#services{

}
#services img:first-child{
    position:absolute;
    top: 700px;
    left: -150px;
}
#services img:nth-child(2){
    position:absolute;
    top:300px;
    left:100px;
}
#services img:nth-child(3){
    position:absolute;
    top:600px;
    left:300px;
}
#services img:nth-child(4){
    position:absolute;
    top:400px;
    left:300px;
}
#services img:nth-child(5){
    position:absolute;
    top:600px;
    right:300px;
}
#services img:nth-child(6){
    position:absolute;
    top:600px;
    right:300px;
}
#services img:nth-child(7){
    position:absolute;
    top:400px;
    right:100px;
}
#services img:nth-child(8){
    position:absolute;
    top:100px;
    right:300px;
}