/*------------------------------
    01. START FONT COLOR
------------------------------*/

body {
    color: #76676C ;
    background: #e4fdde;
}

/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6,*/
/*.section-title h3,*/
/*.why-us h3,*/
/*.main-features .one-feature h5,*/
/*.recent-news .recent-news-slider .item h3,*/
/*.download-app h2,*/
/*.git-in-touch .contact-info .info-box h5,*/
/*.git-in-touch .contact-info .info-box a,*/
/*.blog-page .blog-box .blog-details h3 a,*/
/*aside.sidebar .categories ul li a,*/
/*aside.sidebar .recent-post .post h4 a,*/
/*aside.sidebar .tags ul li a,*/
/*.single-blog-page .blog-box .blog-details h3 {*/
/*    color: #303952;*/
/*}*/

/*------------------------------
    01. END FONT COLOR
------------------------------*/

/*------------------------------
    02. START MAIN COLOR
------------------------------*/
.themes-colors span,
.preloader,
.foxapp-header.sticky,
.foxapp-header .dropdown-menu .dropdown-item:hover,
.foxapp-header .dropdown-menu .dropdown-item.active,
.box,
.clients-testimonial .testimonial-slider .item .client-testimonial,
.clients-testimonial .testimonial-slider .slick-dots li.slick-active button,
.prices .price-table .bottom,
.prices .price-table .top .offer,
.our-team .team-slider .slick-dots li.slick-active button,
.recent-news .recent-news-slider .slick-dots li.slick-active button,
.faq .accordion .card .card-header h5 .btn.collapsed,
nav .pagination .page-item.active .page-link,
aside.sidebar .gray-panel h3:after {
    /* background: #00cdcd; */
    background: #99c48f;
}

@media (max-width: 992px) {
    .foxapp-header {
        /* background: #00cdcd; */
        background: #5caf4f;
    }
}


.contact-info a{
    color:#76676C;
}
.contact-info a:hover{
    opacity: 0.7;
}
.btn-white,
.section-title h3 span,

.fun-facts .fact-box h5,
.fun-facts .fact-box h6,
.prices .price-table .top h4,
.prices .price-table .top h3,
.prices .price-table .top h5,
.our-team .team-slider .person h3,
footer .subscribe .subscribe-form h4,
.blog-page .blog-box:hover .blog-details h3 a,
.single-blog-page .blog-box .post-tag-area ul li a:hover,
.comments-container .comments-list li .reply:hover {
    /* color: #00cdcd; */
    color: #5caf4f;
}

.main-features .features-circle:before,
.clients-testimonial .testimonial-slider .item .client-info figure,
.faq .accordion,
.faq .accordion .card .card-header h5:after,
.git-in-touch .form-group .form-control,
footer .subscribe .subscribe-form .form-group .form-control,
aside.sidebar .search .form-group .form-control,
.single-blog-page .blog-box .blog-details blockquote,
.comments-form .form-group .form-control {
    /* border-color: #00cdcd; */
    border-color: #5caf4f;
}

.clients-testimonial .testimonial-slider .item .client-testimonial:after {
    border-top-color: #5caf4f;
}

.features-circle svg circle {
    stroke: #5caf4f;
}

.lity,
.watch-video .video:before {
    background: rgba(92,175,79, 0.7);
}

/*------------------------------
    02. END MAIN COLOR
------------------------------*/

/*------------------------------
    03. START SECOND COLOR
------------------------------*/

.btn-theme:hover,
.boxes .box:after,
.git-in-touch .form-group .form-control~.focus-border,
aside.sidebar .search .form-group .form-control~.focus-border,
.comments-form .form-group .form-control~.focus-border {
    background: #e4fdde;
    border: 1px solid #76676C;
    color: #76676C;
}
.our-team .team-slider .person:hover h3,
.our-team .team-slider .person ul li a,
.boxes .box:hover .lnr,
footer .copyright a:hover {
    color: #F2CE5F;
}

/*------------------------------
    03. END SECOND COLOR
------------------------------*/