.about .icon-boxes .icon-box i {
    font-size: 40px;
    color: #0397d8;
    margin-bottom: 10px;
}

.about .content .about-btn{
	border: 2px solid #0397d8;
}
.about .content .about-btn:hover {
    background: #0397d8;
}

.all-portfolio-btn a{ background: #0397d8;
   padding: 5px 31px;
   border-radius: 16px;
   color: #fff;
}

.nav-menu .active > a, .nav-menu li:hover > a {
    color:  #0397d8 !important;
}

@media (min-width: 992px){
    ul#menu-menu1 {
        display: inline-flex !important;
      }

      ul#menu-menu1  li {
        margin-left: 25px;
    }
  }



.front-caption h4 {
    text-align: center;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold !important;
    color: #000;
}

.services .icon-box i {
    float: left;
    color: #0397d8 !important;
    font-size: 40px;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
	    color: #fff;
	    background:#0397d8 !important;
	    transition: 0.8s; 
	}
	.all-portfolio-btn a{ 
	   background: #0397d8;
	   padding: 10px 20px;
	   border-radius: 16px;
	   color: #fff;
	   font-weight: bold;
	}
	.all-portfolio-btn a:hover{
		background: #fff;
	    color: #0397d8;
	    border: 2px solid;
	    font-weight: bold;
	    transition: 0.4s;
	}