body {
    padding-top: 6.1rem;
    color: #444;
    font-size: 16px;
}

a:hover{ text-decoration:none !important}
.site_header .navbar{
    background-color: #ffffff;
    box-shadow: 0 1px 3px #0000001f;
}
.site_header .navbar-nav li{margin-left: 20px;}
.site_header .navbar-nav li a{
  color: #0c75b1;
}
.site_header .navbar-nav li .btn-primary{
  background-color: #006eb7;
  color: #fff;
  border-color: #006eb7;
}
 
.section_heading{
  font-size: 28px;
  display: inline-block;
  padding-bottom: 15px;
  border-bottom: 3px solid #ffaf00;
  margin-bottom: 20px;
    color: #006eb7;
}  


/*HERO*/
.hero{
  background: #f2f9fd url(../images/bannershape.png) no-repeat bottom center;
  background-size: contain;
}

.about{
  background-color: #f2f9fd;
  padding-top: 50px;
  padding-bottom: 50px; 
}

.about p.lead{
    font-size: 18px;
    font-weight: 400;
    max-width: 880px;
    margin: 0 auto 70px;
}

.about .intro_block{
    background: #fff;
    padding: 20px;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 5px 10px #718ea03d;
}

.about .intro_block .icon{
    height: 70px;
    width: 70px;
    line-height: 77px;
    border-radius: 50px;
    background: #ffaf00;
    text-align: center;
    margin: -50px auto 30px;
    box-shadow: inset 0 -5px 5px #0000002e;
}

.about .intro_block svg{
  font-size: 25px;
  color: #fff;

}
.about .intro_block h4{
  font-size: 18px;
    color: #006eb7;
}
.about .intro_block p{
  font-size: 14px;
}


.features .feat_blue{
    background-color: rgb(0, 110, 183);
}
.features .feat_lightblue{
    background-color: rgba(0, 110, 183, 0.1);
}

.highlights ul li{
  margin-bottom:30px;
}
.highlights ul li .hlicon{
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50px;
  background: #fff;
  text-align: center;
  box-shadow: 0 3px 3px #0000002e;
  display: inline-block;
  margin-right: 15px;
}
.highlights ul li .hlicon svg{
  color: rgba(0, 110, 183, 100);
}

/*SCREENSHOTS*/
.screenshot h4 {
    font-size: 20px;
    color: #006eb7;
    margin-bottom: 30px;
}
.screenshot figure{
    margin-top: 20px;
    background: #ffffff;
    padding: 40px 15px 15px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 20px 30px #4e5d6930, 0px -20px 30px #4e5d6930;
    margin-left: 30px;
    margin-right: 30px;
}

/*CONTACT*/
#contact {
    background: #e5f0f8;
}
#contact textarea.form-control {
    height: auto;
    min-height: 200px;
}

footer.footer{
    background: #006eb7;
}

footer.footer, 
footer.footer a{
  color: #fff;
  font-size: 13px;
}