/* azul  */

.main-btn {
	border: 1px solid #0F75BC;
	color: #fff !important;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(15,117,188, 0.55);
	-moz-box-shadow: 0px 5px 8px 0px rgba(15,117,188, 0.55);
	box-shadow: 0px 5px 8px 0px rgba(15,117,188, 0.55);
	background-color: #0F75BC;

}
.main-btn:hover {
    background-color: #fff;
    color: #0F75BC !important;
    border-color: #0F75BC; 
}
  .main-btn.main-btn-2 {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
}
    .main-btn.main-btn-2:hover {
      background-color: #0F75BC;
      color: #fff;
      border-color: #0F75BC; 
  }




	.navigation .navbar .navbar-nav .nav-item a::before {
	position: absolute;
	content: '';
	width: 3px;
	height: 0;
	background-color: #0F75BC;
	}



.navigation .navbar .navbar-nav .nav-item.active a, .navigation .navbar .navbar-nav .nav-item:hover a {
	color: #0F75BC; 
}

.header-content-right .sub-title {
	color: #0F75BC;   
}
.header-image::before {
    border: 20px solid #0F75BC;
}
.header-image::after {  
	background-color: #0F75BC;
}
.header-social .header-social-icon::before {
	background-color: #0F75BC;
}

.header-social .header-social-icon ul li a:hover {
	color: #fff;
	background-color: #0F75BC;
	border-color: #0F75BC; 
}





.preloader .loader_34 .ytp-spinner-circle {
	border-color: #0F75BC #0F75BC #ddd;
}




/*===========================
        3.ABOUT css 
===========================*/
.about-content .single-info .info-icon i {
  color: #0F75BC; 
}

.about-skills .skill-item .skill-bar .bar-inner .progress-line {
	background-color: #0F75BC;
}

/*===========================
        4.SERVICES css 
===========================*/

.single-service .service-icon i {
	color: #0F75BC;
}
.single-service .service-content .service-title a:hover {
	color: #0F75BC; 
}

/*===========================
    4.CALL TO ACTION css 
===========================*/
.call-to-action::before {
   background-color: rgba(15,117,188, 0.7);     
}

.call-action-content ul li .main-btn.custom {
	background-color: #fff;
	color: #0F75BC !important;
	border-color: #fff; 
}
.call-action-content ul li .main-btn.custom:hover {
	background-color: #0F75BC;
	color: #fff !important;
	border-color: #0F75BC; 
}

/*===========================
        5.WORK css 
===========================*/

.single-work .work-overlay .work-content ul li a:hover {
background-color: #fff;
color: #0F75BC; 
}

.single-work .work-overlay {
	background-color: rgba(15,117,188, 0.8);
}

/*===========================
       6.PRICING css 
===========================*/

.single-pricing .pricing-package {
	background-color: #0F75BC;
}
.single-pricing .pricing-body .pricing-text .price {
	color: #0F75BC;
}
.single-pricing .pricing-body .pricing-btn .main-btn {
	background-color: #fff;
	color: #0F75BC; 
}
.single-pricing .pricing-body .pricing-btn .main-btn:hover {
	background-color: #0F75BC;
	color: #fff; 
}
.single-pricing.active .pricing-body .pricing-btn .main-btn {
	background-color: #0F75BC;
	color: #fff; 
}
.single-pricing.active .pricing-body .pricing-btn .main-btn:hover {
	background-color: #fff;
	color: #0F75BC; 
}

/*===========================
       7.BLOG css 
===========================*/                      
.single-blog:hover .blog-content {
	background-color: #0F75BC; 
}
.single-blog:hover .blog-content h4, 
.single-blog:hover .blog-content span p{
	color: #fff !important;
}

/*===========================
       8.CONTACT css 
===========================*/
.contact-box .contact-icon i {
    color: #0F75BC; 
}
.single-form input:focus, .single-form textarea:focus {
	border-color: #0F75BC; 
}


/*===========================
       9.FOOTER css 
===========================*/

.footer-content ul li a:hover {
	background-color: #0F75BC;
	color: #fff; 
}

/*===========================
      10.PAGE BANNER css 
===========================*/
.back-to-top:hover {
	color: #fff;
	background-color: #0F75BC;
	border-color: #0F75BC; 
}
/*===========================
   10.SINGLE BLOG PAGE css 
===========================*/

.single-blog-post .blog-content .meta li a:hover {
	color: #0F75BC; 
}
.single-blog-post .blog-content .meta li a i {
	color: #0F75BC;
}

.single-blog-post .blog-tag-share .blog-tag .tag li a:hover {
	color: #0F75BC; 
}

.single-blog-post .blog-comment .comment-form .comment-form-box .single-input input:focus, .single-blog-post .blog-comment .comment-form .comment-form-box .single-input textarea:focus {
	border-color: #0F75BC; 
}
.blog-sidebar .sidebar-search input:focus {
	border-color: #0F75BC; 
}

.blog-sidebar .sidebar-search button {
    background-color: #0F75BC;
    color: #fff;
    border: 1px solid #0F75BC;
}

.blog-sidebar .sidebar-post .single-sidebar-post .post-content .post-title a:hover {
	color: #0F75BC; 
}

.blog-sidebar .sidebar-category ul li a:hover {
	color: #0F75BC; 
}
.blog-sidebar .sidebar-subscribe .subscribe-form input:focus {
	border-color: #0F75BC; }
.blog-sidebar .sidebar-subscribe .subscribe-form button {
	background-color: #0F75BC;
    color: #fff;
    border: 1px solid #0F75BC;
}