/* azul  */



.main-btn {

/*	border: 1px solid #4EC0BA;
	color: #fff !important;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(78,192,186, 0.55);
	-moz-box-shadow: 0px 5px 8px 0px rgba(78,192,186, 0.55);
	box-shadow: 0px 5px 8px 0px rgba(78,192,186, 0.55);
	background-color: #4EC0BA;
*/

  background-color: #fff !important;
  color: #39594A !important;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(78,192,186, 0.0);
	-moz-box-shadow: 0px 5px 8px 0px rgba(78,192,186, 0.0);
	box-shadow: 0px 5px 8px 0px rgba(78,192,186, 0.0);
}

.main-btn:hover {

    background-color: #fff;

    color: #4EC0BA !important;

    border-color: #4EC0BA; 

}

  .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: #4EC0BA;

      color: #fff;

      border-color: #4EC0BA; 

  }









	.navigation .navbar .navbar-nav .nav-item a::before {

	position: absolute;

	content: '';

	width: 3px;

	height: 0;

	background-color: #4EC0BA;

	}







.navigation .navbar .navbar-nav .nav-item.active a, .navigation .navbar .navbar-nav .nav-item:hover a {

	color: #4EC0BA; 

}



.header-content-right .sub-title {

	color: #D5E952;   

}

.header-image::before {

    border: 20px solid #4EC0BA;

}

.header-image::after {  

	background-color: #4EC0BA;

}

.header-social .header-social-icon::before {

	background-color: #D5E952;

}



.header-social .header-social-icon ul li a:hover {

	color: #fff;

	background-color: #D5E952;

	border-color: #D5E952; 

}











.preloader .loader_34 .ytp-spinner-circle {

	border-color: #4EC0BA #4EC0BA #ddd;

}









/*===========================

        3.ABOUT css 

===========================*/

.about-content .single-info .info-icon i {

  color: #4EC0BA; 

}



.about-skills .skill-item .skill-bar .bar-inner .progress-line {

	background-color: #4EC0BA;

}



/*===========================

        4.SERVICES css 

===========================*/



.single-service .service-icon i {

	color: #4EC0BA;

}

.single-service .service-content .service-title a:hover {

	color: #4EC0BA; 

}



/*===========================

    4.CALL TO ACTION css 

===========================*/

.call-to-action::before {

   background-color: rgba(78,192,186, 0.7);     

}



.call-action-content ul li .main-btn.custom {

	background-color: #fff;

	color: #4EC0BA !important;

	border-color: #fff; 

}

.call-action-content ul li .main-btn.custom:hover {

	background-color: #4EC0BA;

	color: #fff !important;

	border-color: #4EC0BA; 

}



/*===========================

        5.WORK css 

===========================*/



.single-work .work-overlay .work-content ul li a:hover {

background-color: #fff;

color: #4EC0BA; 

}



.single-work .work-overlay {
	background-color: rgba(78,192,186, 0.8);
}



/*===========================

       6.PRICING css 

===========================*/



.single-pricing .pricing-package {

	background-color: #4EC0BA;

}

.single-pricing .pricing-body .pricing-text .price {

	color: #4EC0BA;

}

.single-pricing .pricing-body .pricing-btn .main-btn {

	background-color: #fff;

	color: #4EC0BA; 

}

.single-pricing .pricing-body .pricing-btn .main-btn:hover {

	background-color: #4EC0BA;

	color: #fff; 

}

.single-pricing.active .pricing-body .pricing-btn .main-btn {

	background-color: #4EC0BA;

	color: #fff; 

}

.single-pricing.active .pricing-body .pricing-btn .main-btn:hover {

	background-color: #fff;

	color: #4EC0BA; 

}



/*===========================

       7.BLOG css 

===========================*/                      

.single-blog:hover .blog-content {

	background-color: #4EC0BA; 

}

.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: #4EC0BA; 

}

.single-form input:focus, .single-form textarea:focus {

	border-color: #4EC0BA; 

}





/*===========================

       9.FOOTER css 

===========================*/



.footer-content ul li a:hover {

	background-color: #4EC0BA;

	color: #fff; 

}



/*===========================

      10.PAGE BANNER css 

===========================*/

.back-to-top:hover {

	color: #fff;

	background-color: #4EC0BA;

	border-color: #4EC0BA; 

}

/*===========================

   10.SINGLE BLOG PAGE css 

===========================*/



.single-blog-post .blog-content .meta li a:hover {

	color: #4EC0BA; 

}

.single-blog-post .blog-content .meta li a i {

	color: #4EC0BA;

}



.single-blog-post .blog-tag-share .blog-tag .tag li a:hover {

	color: #4EC0BA; 

}



.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: #4EC0BA; 

}

.blog-sidebar .sidebar-search input:focus {

	border-color: #4EC0BA; 

}



.blog-sidebar .sidebar-search button {

    background-color: #4EC0BA;

    color: #fff;

    border: 1px solid #4EC0BA;

}



.blog-sidebar .sidebar-post .single-sidebar-post .post-content .post-title a:hover {

	color: #4EC0BA; 

}



.blog-sidebar .sidebar-category ul li a:hover {

	color: #4EC0BA; 

}

.blog-sidebar .sidebar-subscribe .subscribe-form input:focus {

	border-color: #4EC0BA; }

.blog-sidebar .sidebar-subscribe .subscribe-form button {

	background-color: #4EC0BA;

    color: #fff;

    border: 1px solid #4EC0BA;

}