@import url(../font-awesome/css/font-awesome.min.css);@media (min-width: 979px){.wrapper{width:760px}}.demo-nav{float:left;height:100%;overflow:hidden;background:#dfdfdd;min-height:700px;padding-bottom:70000px;margin-bottom:-70000px}.demo-nav ul{position:relative}.demo-nav ul li{position:relative;width:200px;height:50px;line-height:50px;background:rgba(255,255,255,0.2);margin-bottom:1px;font-size:1.3em;padding-left:60px;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s}.demo-nav ul li a{display:block;color:#5e5e5e}.demo-nav ul li i{position:absolute;text-align:center;line-height:50px;width:50px;height:50px;left:0;top:0;background-color:#aeaea8;color:#dfdfdd;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;font-size:1.3em}.demo-nav ul li:hover{background:#ebebea}.demo-nav ul li:hover i{background-color:#95958e}.demo-nav ul li.active{background:#f1f1f1}.demo-nav ul li.active i{background-color:#25baa5}.demo-nav .badge{right:20px;top:50%;margin-top:-0.85em;box-shadow:none}.demo-container{position:relative;overflow:hidden;margin-bottom:-80px;padding-bottom:100px}.demo-container:before{content:'';width:100%;height:2px;background:#547daa;position:absolute;top:0;z-index:99;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:demo-loader 2.5s ease-in-out forwards;-moz-animation:demo-loader 2.5s ease-in-out forwards;-ms-animation:demo-loader 2.5s ease-in-out forwards;-o-animation:demo-loader 2.5s ease-in-out forwards;animation:demo-loader 2.5s ease-in-out forwards}@-webkit-keyframes demo-loader{to{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}}@-moz-keyframes demo-loader{to{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}}@-ms-keyframes demo-loader{to{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}}@keyframes demo-loader{to{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}}@-webkit-keyframes demo-loader-mask{to{opacity:0;z-index:-9999}}@-moz-keyframes demo-loader-mask{to{opacity:0;z-index:-9999}}@-ms-keyframes demo-loader-mask{to{opacity:0;z-index:-9999}}@keyframes demo-loader-mask{to{opacity:0;z-index:-9999}}.demo-content{width:auto;margin-left:240px;margin-right:40px;padding-top:20px}.demo-content .fluid{display:inline-block}.back{position:fixed;right:10px;bottom:10px;font-size:1.5em;color:rgba(223,223,221,0.5);text-decoration:none;cursor:pointer;z-index:999;-webkit-transition:color 0.3s,background-color 0.3s;-moz-transition:color 0.3s,background-color 0.3s;-o-transition:color 0.3s,background-color 0.3s;transition:color 0.3s,background-color 0.3s;background-color:#aeaea8;padding:10px}.back i{display:inline-block;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;transition:transform 0.3s}.back:hover{color:rgba(223,223,221,0.85)}.back:hover i{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}.copy{width:100%;float:left;text-align:center;color:rgba(255,255,255,0.5);margin-bottom:20px;margin-top:20px}.footer-logo{width:60px;height:60px;background:#3d3d3d;position:absolute;left:50%;margin-left:-30px;top:-20px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);font-size:2px}.footer-logo:hover .flogo{border-color:rgba(255,255,255,0.7)}.footer-logo:hover .flogo div{background:rgba(255,255,255,0.7)}.flogo{width:20px;height:20px;border:4px solid rgba(255,255,255,0.3);border-radius:50%;border-bottom-left-radius:25%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;margin-left:12px;margin-top:16px;-webkit-transition:all,0.5s;-moz-transition:all,0.5s;-o-transition:all,0.5s;transition:all,0.5s;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.flogo:after,.flogo:before{content:'';width:6px;height:6px;background:rgba(255,255,255,0.3);position:absolute;border-radius:50%;-webkit-transition:all,0.5s;-moz-transition:all,0.5s;-o-transition:all,0.5s;transition:all,0.5s;-webkit-transform-origin:-5em 10em;-moz-transform-origin:-5em 10em;-ms-transform-origin:-5em 10em;-o-transform-origin:-5em 10em;transform-origin:-5em 10em}.flogo:after{-webkit-animation:logo 10s 1s infinite;-moz-animation:logo 10s 1s infinite;-ms-animation:logo 10s 1s infinite;-o-animation:logo 10s 1s infinite;animation:logo 10s 1s infinite}.flogo:before{-webkit-animation:logo 10s infinite;-moz-animation:logo 10s infinite;-ms-animation:logo 10s infinite;-o-animation:logo 10s infinite;animation:logo 10s infinite}.flogo:after{right:-12px}.flogo:before{right:-4px;top:-10px}@-webkit-keyframes logo{0%,94%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes logo{0%,94%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes logo{0%,94%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes logo{0%,94%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width: 979px){.back{right:auto;left:5px;bottom:5px;background-color:#c6c6c3}.demo-nav li{width:50px !important;overflow:hidden;padding-left:0 !important}.demo-content{margin-left:90px !important}}