body{font-family: sans-serif;font-size:18px;line-height:30px;color:#fff;font-weight:300}
a{text-decoration:none;color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
a:hover,a:focus{text-decoration:none;color:#fff}
.top{position:absolute;left:0;right:0;top:0;bottom:115px;color:#fff;background-color: #035d87;}
.top .laptop{position:absolute;left:0;bottom:-10px;width:100%;max-width:946px}
.top .laptop img{display:block;max-width:100%}
.top .content{position:absolute;left:750px;bottom:150px;z-index:10}
.top .content h1{font-size:80px;font-weight:200;margin-top:0;padding-top:20px}
.top .content .button{position:relative;font-weight:bold;display:inline-block;border:2px solid #fff;border-radius:3px;background:#13375e;padding:20px 25px 17px;overflow:hidden;line-height:35px;margin-top:40px}
.top .content .button:hover{background:#0e2845}
.top .content .button i.fa{font-size:30px;vertical-align:sub;margin-right:20px;margin-left:-5px}
.top .content .button:hover i.fa{-webkit-animation:toRightFromLeft .8s forwards;-moz-animation:toRightFromLeft .8s forwards;animation:toRightFromLeft .8s forwards}
footer.bottom{position:absolute;left:0;right:0;bottom:10px;height:100px;}
footer.bottom .text{position:absolute;left:15px;bottom:35px;font-size:35px;line-height:40px;color:#13375e}
footer.bottom .text span{white-space:nowrap}
footer.bottom .text a{position:relative;color:#13375e;text-decoration:none;display:inline-block;padding:0 4px}
footer.bottom .text a:hover{color:#fff}
footer.bottom .text a:after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:-10px;height:0;background:#15618c;border-radius:3px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
footer.bottom .text a:hover:after{bottom:0;height:100%}
footer.bottom .logo{position:absolute;right:0;bottom:8px}
footer.bottom .logo img{padding: 10px;max-height: 100px;}
.rotating{display:inline-block;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);-moz-transform:rotateX(0) rotateY(0) rotateZ(0);-ms-transform:rotateX(0) rotateY(0) rotateZ(0);-o-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin-x:50%}
.rotating.flip{position:relative}
.rotating .front,.rotating .back{left:0;top:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.rotating .front{position:absolute;display:inline-block;-webkit-transform:translate3d(0,0,1px);-moz-transform:translate3d(0,0,1px);-ms-transform:translate3d(0,0,1px);-o-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px)}
.rotating.flip .front{z-index:1}
.rotating .back{display:block;opacity:0}
.rotating.spin{-webkit-transform:rotate(360deg) scale(0);-moz-transform:rotate(360deg) scale(0);-ms-transform:rotate(360deg) scale(0);-o-transform:rotate(360deg) scale(0);transform:rotate(360deg) scale(0)}
.rotating.flip .back{z-index:2;display:block;opacity:1;-webkit-transform:rotateY(180deg) translate3d(0,0,0);-moz-transform:rotateY(180deg) translate3d(0,0,0);-ms-transform:rotateY(180deg) translate3d(0,0,0);-o-transform:rotateY(180deg) translate3d(0,0,0);transform:rotateY(180deg) translate3d(0,0,0)}
.rotating.flip.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,0);-moz-transform:rotateX(180deg) translate3d(0,0,0);-ms-transform:rotateX(180deg) translate3d(0,0,0);-o-transform:rotateX(180deg) translate3d(0,0,0);transform:rotateX(180deg) translate3d(0,0,0)}
.rotating.flip.cube .front{-webkit-transform:translate3d(0,0,100px) scale(0.9,0.9);-moz-transform:translate3d(0,0,100px) scale(0.85,0.85);-ms-transform:translate3d(0,0,100px) scale(0.85,0.85);-o-transform:translate3d(0,0,100px) scale(0.85,0.85);transform:translate3d(0,0,100px) scale(0.85,0.85)}
.rotating.flip.cube .back{-webkit-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);-moz-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);-ms-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);-o-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85)}
.rotating.flip.cube.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);-moz-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);-ms-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);-o-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85)}