body{margin:0;font-family:'Roboto',sans-serif;background:url(../images/bg.jpg)repeat 0 0;background-size:cover}ul.icon-list{margin:0;padding:0}body a:hover{text-decoration:none}.main{margin:3em auto;width:24%}.header{border-width:0;width:100%;background-color:#fff;padding:.9em 1.2em;position:fixed;z-index:9900}.menu-icon,.logo,.login{float:left;width:33.33%}.logo{text-align:center}.top-nav li{display:block}.top-nav li.menu-title{font-size:1.5em;padding:.4em .8em;text-align:left;color:#555;border-bottom:1px solid #fff;text-transform:none;background:#e5e5e5;text-transform:uppercase;font-family:'montserrat',sans-serif;-webkit-transform:translate3d(0,500px,0);-moz-transform:translate3d(0,500px,0);-o-transform:translate3d(0,500px,0);-ms-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0)}.show-menu li.menu-title{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.top-nav li a{font-size:1.1em;color:#fff;font-weight:300;-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all;outline:none;text-decoration:none}.top-nav li a:hover,.top-nav li a.active{background:#ee7723}.container,.content-wrap{overflow:hidden;width:100%;height:100%}.content{position:relative}.menu-button{position:relative;z-index:1000;padding:0;width:1.5em;height:1.2em;border:none;text-indent:2.8em;font-size:.8em;color:transparent;background:transparent;outline:none;margin:.5em 0}.menu-button::before{position:absolute;top:-7px;right:-15px;bottom:-10px;bottom:-8px;left:0;background:-webkit-linear-gradient(#555 20%,transparent 20%,transparent 40%,#555 40%,#ffffff 60%,transparent 60%,transparent 80%,#555 80%);background:linear-gradient(#555 20%,transparent 10%,transparent 35%,#555 40%,#555 60%,transparent 60%,transparent 75%,#555 80%);content:''}.close-button{width:1em;height:1em;position:absolute;right:1em;top:.5em;overflow:hidden;text-indent:1em;font-size:1.1em;border:none;background:transparent;color:transparent;outline:none;z-index:999}.close-button::before,.close-button::after{content:'';position:absolute;width:3px;height:100%;top:0;left:7px;background:#fff}.close-button::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.close-button::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-wrap{position:fixed;z-index:9901;width:185px;height:100%;background:#012153;-webkit-transform:translate3d(-320px,0,0);-moz-transform:translate3d(-320px,0,0);-o-transform:translate3d(-320px,0,0);-ms-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0);-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);overflow-y:auto}.icon-list{height:400px;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);margin-bottom:1.5em}.icon-list a{display:block;padding:.8em 2em;-webkit-transform:translate3d(0,500px,0);-moz-transform:translate3d(0,500px,0);-o-transform:translate3d(0,500px,0);-ms-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0)}.icon-list a:nth-child(2){-webkit-transform:translate3d(0,1000px,0);-moz-transform:translate3d(0,1000px,0);-o-transform:translate3d(0,1000px,0);-ms-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}.icon-list a:nth-child(3){-webkit-transform:translate3d(0,1500px,0);-moz-transform:translate3d(0,1500px,0);-o-transform:translate3d(0,1500px,0);-ms-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}.icon-list a:nth-child(4){-webkit-transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-o-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}.icon-list a:nth-child(5){-webkit-transform:translate3d(0,2500px,0);-moz-transform:translate3d(0,2500px,0);-o-transform:translate3d(0,2500px,0);-ms-transform:translate3d(0,2500px,0);transform:translate3d(0,2500px,0)}.icon-list a:nth-child(6){-webkit-transform:translate3d(0,3000px,0);-moz-transform:translate3d(0,3000px,0);-o-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}.show-menu .menu-wrap{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .8s;-moz-transition:-moz-transform .8s;transition:transform .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.show-menu .icon-list,.show-menu .icon-list a{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .8s;-moz-transition:transform .8s;transition:transform .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.show-menu .icon-list a{-webkit-transition-duration:.9s;-moz-transition-duration:.9s;transition-duration:.9s}.page-content::before{top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.4);content:'';opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:opacity .4s,-webkit-transform 0s .4s;-moz-transition:opacity .4s,-moz-transform 0s .4s;transition:opacity .4s,transform 0s .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.show-menu .page-content::before{position:fixed;opacity:1;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;transition:opacity .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.nav-tabs li a h5{font-size:1.3em;color:#1e9c95;margin-top:.5em}.effect-1{background:#1abc9c;-webkit-transition:background .5s,color .2s;-moz-transition:background .5s,color .2s;transition:background .5s,color .2s}.effect-1:after{top:-5px;left:-5px;padding:5px;box-shadow:0 0 10px 3px #1abc9c;-webkit-transition:-webkit-transform .5s,opacity .2s;-webkit-transform:scale(.8);-moz-transition:-moz-transform .5s,opacity .2s;-moz-transform:scale(.8);-ms-transform:scale(.8);transition:transform .5s,opacity .2s;transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);opacity:0}.services-grid:hover span:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:1}