* {
 margin:0;
 padding:0;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
body {
 font-family:"Open Sans",sans-serif;
 background-color:#081217
}
.content_width {
 max-width:1140px;
 margin:0 auto
}
h1 {
 font-weight:700;
 color:#1ee8a5;
 font-size:82px;
 font-family:"Montserrat",sans-serif;
 text-transform:uppercase
}
h2 {
 font-size:18px;
 font-weight:500;
 color:#1ee8a5;
 font-family:"Montserrat",sans-serif;
 padding:12px 0 5px
}
a {
 text-decoration:none
}
p {
 color:#6c9fb7;
 font-size:24px;
 line-height:26px
}
nav {
 background-color:#112130;
 position:fixed;
 z-index:999;
 width:100%
}
nav .left {
 float:left;
 margin:10px 0
}
nav .left a {
 font-size:20px;
 color:#1ee8a5
}
nav .right {
 float:right
}
nav .right li {
 display:inline-block;
 padding:16px 0 8px;
 margin-left:30px
}
nav .right li a {
 color:#fff;
 transition:color .3s ease;
 position:relative;
 padding:0 0 5px 0;
 display:block;
 font-size:14px
}
nav .right li a::before {
 content:"";
 height:2px;
 width:0%;
 background-color:#1ee8a5;
 bottom:0;
 left:0;
 display:block;
 position:absolute;
 -webkit-transition:.3s ease;
 -moz-transition:.3s ease;
 transition:.3s ease
}
nav .right li a:hover {
 color:#1ee8a5
}
nav .right li a:hover::before {
 width:50%
}
main {
 padding-top:58px;
 padding:58px 30px 28px
}
main .title {
 text-align:center;
 padding:50px 0
}
#loader {
 opacity:1;
 display:block;
 pointer-events:all;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 margin:auto;
 z-index:10000;
 background:#081217;
 opacity:1;
 transition:.5s ease
}
#loader h4 {
 font-size:80px;
 color:#fff
}
@keyframes FadeIn {
 0% {
  opacity:0;
  transform:translateY(0%)
 }
 100% {
  opacity:1;
  transform:translateY(10%)
 }
}
/*# sourceMappingURL=style.css.map */