@charset "utf-8";
*{margin:0;padding:0;}
ul,li{ list-style:none;}
body,html{position:relative;height:100%; overflow-x:auto !important;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
img{width:100%; border:none;}
a{ text-decoration:none;}
.wrapper{min-width:990px;width:100%;}
.logo{position:fixed;top:5%;left:3%; width:93px; z-index:9;}
.icon_nav{position:absolute;top:5%;right:2%; width:2%; z-index:99; cursor:pointer;}
#fullpage{ position:relative; z-index:1;}
.section{ text-align:center;}
.section img.pic{ width:990px; position:relative; z-index:9;}
.section img.pic2{width:auto; height:100%;}
.section img.client{ max-width:1600px; position:relative; z-index:9;}
.home-slide{background:#030303 url(../images/img1_bg.jpg) center center no-repeat; background-size:100% auto;}
.home-slide .bg{background:url(../images/home_bg.png) 0 0 repeat; position:absolute;top:0;left:0;bottom:0;right:0; z-index:1;}
.cursor{ position:absolute;bottom:4%;left:50%; margin-left:-8px; width:16px;-webkit-animation: 0.8s cursor infinite; z-index:9;}
.circleAnimate{-webkit-animation: 0.2s circle forwards;}
@-webkit-keyframes cursor {
  0%{bottom: 6%;opacity: 0;}
  100%{bottom:4%;opacity: 1;}
}
.creative-slide{background:#a6a7a2 url(../images/img2_bg.jpg) center center no-repeat; background-size:100% 100%;}
.about-slide{background:#ffcf03;}
.team-slide{background:#e9e9e9;}
.clients-slide{background:#4e4e4d url(../images/img5_bg.jpg) center center no-repeat; background-size:100% 100%;}
.jobs-slide{background:#fff;}
.contact-slide{background:#5b5b59 url(../images/img7_bg.jpg) center center no-repeat; background-size:100% 100%;}
.bottom_logo{width:161px; position:absolute;left:50%; margin-left:-80px; bottom:70px;}
.bottom{position:absolute;bottom:0;left:0; font-size:12px; line-height:40px; text-align:center; background:rgba(0,0,0,0.72); color:#797979; width:100%; text-transform:uppercase;}
.bottom img{width:280px;}

.nav{width:15%;height:100%; background:#e2e3e5; position:fixed;top:0;right:-20%; z-index:9;}
.nav_bottom{ position:absolute;bottom:0;left:0;}
.nav .close{ display:block;width:10%; margin:15% 0 0 75%;}
.nav ul{ margin-top:30%;}
.nav li{ overflow:hidden;}
.nav li a{}
.nav li img{ width:200%; display:block;}
.nav li:hover img,.nav li.active img{ margin-left:-100%;}