body{
  background: #0C0D29;
  margin: 0;
  padding: 0;
}
.parent{
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
section{
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
section.first{
  background-image: linear-gradient(to bottom, #000, #0C0D29);
  height: 300px;
  top: 0px;
}
.first .text_wrap, .button_wrap{
  width: 50%;
  height: auto;
  padding: 0;
  margin: 0 25%;
  background: ;
  text-align: center;
}
.text_wrap h1{
  color: #fff;
  font-family: sans-serif;
  font-weight: bolder;
  font-size: 220%;
  margin-top: 40px;
}
.text_wrap p{
  color: #fff;
  font-family: sans-serif;
  font-weight: lighter;
  font-size: 85%;
  line-height: 30px;
}
.text_wrap i{
  color: #3C7DCD;
  position: absolute;
  right: 5%;
  font-size: 85%;
}
.button_wrap ul{
  width: 100%;
  height: auto;
  padding: 0;
  margin: 40px 0;
  display: block;
}
.button_wrap ul li{
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  background: ;
  list-style: none;
  display: inline;
}
.button_wrap ul li a{
  color: #fff;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 100%;
  text-decoration: none;
  padding: 2%;
  background: #1A1C33;
  border-radius: 7px;
  margin: 0 1%;
  border-left: 4px solid #3C7DCD;
  animation: zoom 4s infinite;
}
@keyframes zoom {
  0%{
    font-size: 100%;
  }
  50%{
    font-size: 110%;
  }
  100%{
    font-size: 100%;
  }
}

.second{
  width: 94%;
  height: auto;
  padding: 0;
  margin: -40px 3% 0 3%;
  background: ;
  text-align: center;
}
.third{
  width: 94%;
  height: auto;
  padding:20px 0%;
  margin: 0 3%;
  background: ;
  text-align: center;
}
.third p.quick{
  color: #3C7DCD;
  font-family: sans-serif;
  font-weight: bolder;
  font-size: 100%;
}
.shape_contain{
  width: 100%;
  height: 200px;
  padding:20px 0%;
  margin:-15px 0;
  background: ;
  text-align: center;
}
.shape_contain a{
  color: #fff;
  font-family: sans-serif;
  font-weight: ;
  font-size: 90%;
  text-decoration: none;
}
.shape_contain .icon_wrap{
  width: 31%;
  height: 200px;
  padding:0;
  margin: 0 1.8% 0 0;
  background:#1A1C33;
  float: left;
  border-radius: 7px;
  border: 0.5px solid #222;
  border-left: 6px solid #3C7DCD;
}
.float-right{
  float:left;
  position:absolute;
  right:1.2%;
}
.icon_wrap i{
  margin:10px 2% 0 0 ;
  float: right;
  font-size: 70%;
}
img{
  margin: 35px 0 0 4%;
}
footer{
  width: 100%;
  height: auto;
  padding: 50px 0 0 0;
  margin: 30px  0 0 0;
  text-align: center;
}
footer p{
  color: #3C7DCD;
  font-family: sans-serif;
  font-weight: bolder;
  font-size: 100%;
}
.statistic{
  width: 80%;
  height: ;
  padding: 0;
  margin: 0 10%;
  text-align: center;
  clear: both;
  background: ;
}

.break{
  float:left ;
  width: 15%;
  height: auto;
  padding: 0;
  margin: 0 0 0 14%;
}
.break span{
  margin: 0 8%;
  color: #fff;
  font-family: sans-serif;
}
.break span.value{
  font-size:27px;
  font-weight:bolder
}

.get_start{
  width: 100%;
  height: auto;
  padding:20px 0;
  margin: 20px 0;
  text-align: center;
  clear: both;
}
.get_start p{
  color: #fff;
  font-weight: lighter;
  font-size: 80%;
  margin: 15px 0;
}
.get_start a{
  font-size: 100%;
  text-decoration: none;
  padding:0.7% 1.6%;
  background: #244BE2;
  border-radius: 4px;
  color: #fff;
  font-family: sans-serif;
}
.icon{
  width: 50%;
  height: auto;
  text-align: center;
  margin: 30px 25%;
  clear: both;
  background: ;
}
.icon i{
  color: #fff;
  font-weight: lighter;
  font-size: 80%;
  margin: 0 2%;
}
.copyright{
  width: 50%;
  height: auto;
  text-align: center;
  margin: 30px 25%;
  clear: both;
  background: ;
}
.copyright p{
  color: #fff;
  font-weight: lighter;
  font-size: 80%;
  margin: 0;
}