html{height:100%;position:static;width:100%;}
#projects nav span, .carousel nav span{background-clip:content-box;background-color:#fff;border:2px solid transparent;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 3px;transition:all 0.5s ease 0s;width:10px;}
.homepage.gallery{height:100%;overflow:hidden;}
.homepage.gallery #projects{height:100%;}
.homepage.gallery #projects .main-container{width:1200px;margin:auto}
.homepage.gallery #projects .slide{background-attachment:fixed;height:0;position:absolute;transform:translateZ(0px);transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1) 0s;}
.homepage.gallery #projects .slide.no-animation{transition:none 0s ease 0s !important;}
.homepage.gallery #projects .slide.active{height:100%;}
.homepage.gallery #projects nav{display:block;opacity:1;}
.homepage.shifted #projects nav{opacity:0;}
.homepage.shifted #wrap{top:-100%;}
.homepage #wrap{height:100%;top:0;transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1) 0s;width:100%;}
.homepage #projects{width:100%;}
.homepage #wrap #main{overflow:hidden}
.homepage #projects .slide{background-position:center 0;background-repeat:no-repeat;background-size:100%;height:100%;overflow:hidden;width:100%;}
.homepage #projects .slide:nth-child(1){z-index:10;}
.homepage #projects .slide:nth-child(2){z-index:9;}
.homepage #projects .slide:nth-child(3){z-index:8;}
.homepage #projects .slide:nth-child(4){z-index:7;}
.homepage #projects .slide:nth-child(5){z-index:6;}
.homepage #projects .slide:nth-child(6){z-index:5;}
.homepage #projects .slide:nth-child(7){z-index:4;}
.homepage #projects .slide:nth-child(8){z-index:3;}
.homepage #projects .slide:nth-child(9){z-index:2;}
.homepage #projects .slide:nth-child(10){z-index:1;}
.homepage #projects .slide .arrow{color:#ec008c;font-size:30px;line-height:26px;vertical-align:text-bottom;}
.homepage #projects nav{display:none;position:absolute;right:24px;top:40%;transition:opacity 0.5s ease 0s;width:18px;z-index:100;}
.homepage #projects nav span{margin-bottom:6px;}
.homepage #projects nav span.active{background-color:#000;}
.homepage #projects nav span.mosaic-link{background-color:#f37927;}
.homepage #projects button{background:none repeat scroll 0 0 transparent;border:0 none;bottom:0;color:#bbb;cursor:pointer;display:block;height:50px;outline:0 none;position:absolute;text-align:center;transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1) 0s;width:100%;z-index:100;}
.homepage #projects button span{display:inline-block;font:36px Heiti, 'Lucida Grande' !important;top:-18px;transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1) 0s;}
.homepage #projects button:hover{background:#f37927;}
.homepage #projects button:hover span{color:#fff;top:0;}
.homepage.touch-device.gallery #projects nav span{border-color:#bbb;}
.homepage.touch-device.gallery #projects nav span.mosaic-link{border-color:#ee5eb6;}
.homepage.touch-device.gallery #main h2.welcome span{margin-top:-80px;}