/* ===================================
    Common styles
====================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #379b69;
}

.text-or {
  color: #379b69;
}

/* loader */
.loader-icon {
  border: 5px solid #379b69;
  border-right-color: #eee;
}

/* theme color and basic options */
a:hover,
a:active {
  color: #379b69;
  text-decoration: none;
}

.theme-overlay[data-overlay-dark]:before,
.theme-overlay[data-overlay-light]:before {
  background: #379b69;
}

.readmore:hover {
  color: #379b69;
}
.left-title:before {
  background: #379b69;
}

.primary-list li i {
  color: #379b69;
}
.white-list li i {
  color: #379b69;
}
.list-style-16 li:after {
  color: #379b69;
}
.butn:after {
  background: #379b69;
}
.butn.theme {
  background: #379b69;
  color: #fff;
}
.btn-style2:hover,
.btn-style2:active {
  background: #379b69;
  color: #fff;
  border-color: #379b69;
}
.btn-style2:focus {
  background: #379b69;
  color: #fff;
  border-color: #379b69;
}
.btn-style2.white:hover {
  border-color: #379b69;
}
.butn-style3 {
  border: 2px solid #379b69;
  color: #379b69;
}
.butn-style3:hover {
  background: #379b69;
  color: #fff;
}
.butn-style3.theme {
  background: #379b69;
  border: 2px solid #379b69;
  color: #fff;
}
.butn-style3:hover {
  background: #379b69;
  color: #fff;
  border-color: #379b69;
}
.btn-style4 {
  background-color: #379b69;
  color: #fff;
}
.btn-style4.btn-primary:hover {
  background-color: #379b69 !important;
  color: #fff !important;
}
.btn-primary:active,
.btn-style4.btn-primary:focus {
  background-color: #379b69 !important;
  color: #fff !important;
}

/* ===================================
    Section heading
====================================== */
.section-heading h1:after,
.section-heading h2:after,
.section-heading h3:after,
.section-heading h4:after,
.section-heading h5:after,
.section-heading h6:after {
  background: #379b69;
}
.section-heading .badge {
  color: #379b69;
  border: 1px solid #379b69;
}
.title-style2:after {
  background: #379b69;
}
.section-heading .title-style2.white:after {
  background: #379b69;
}
.section-heading.title-style4 span {
  color: #379b69;
}
.section-heading.title-style6 h1:after,
.section-heading.title-style6 h2:after,
.section-heading.title-style6 h3:after,
.section-heading.title-style6 h4:after,
.section-heading.title-style6 h5:after,
.section-heading.title-style6 h6:after {
  background: #379b69;
}
.inner-title h1:after,
.inner-title h2:after,
.inner-title h3:after,
.inner-title h4:after,
.inner-title h5:after,
.inner-title h6:after {
  background: #379b69;
}
#top-bar {
  background: #379b69;
}
.top-bar-info li i {
  color: #379b69;
}
.top-social-icon li a:hover {
  color: #379b69;
}

/* ===================================
    Navigation
====================================== */
.navbar-nav > li > a {
  color: #379b69;
}

.navbar-nav li a {
  color: #379b69;
}

.navbar-nav li a:hover {
  color: #379b69 !important;
  opacity: 60%;
}

.navbar-nav li.current > a,
.navbar-nav li.active > a {
  color: #379b69;
}

.navbar > ul > li.current > a:after {
  border-color: transparent #379b69 #379b69 transparent;
}

.navbar > ul > li.has-sub > a:after {
  border-color: transparent #379b69 #379b69 transparent;
}

@media screen and (min-width: 992px) {
  /*Header style01 and style02*/
  .header-style1 .navbar-nav li.current > a,
  .header-style2 .navbar-nav li.current > a,
  .header-style1 .navbar-nav li.active > a,
  .header-style2 .navbar-nav li.active > a {
    color: #379b69;
  }

  .header-style1 .navbar > ul > li.current > a:after,
  .header-style2 .navbar > ul > li.current > a:after {
    border-color: transparent #379b69 #379b69 transparent;
  }

  .header-style1.scrollHeader .navbar-nav li.current > a,
  .header-style2.scrollHeader .navbar-nav li.current > a,
  .header-style1.scrollHeader .navbar-nav li.active > a,
  .header-style2.scrollHeader .navbar-nav li.active > a,
  .header-style1.scrollHeader .navbar-nav li.current > a:hover,
  .header-style2.scrollHeader .navbar-nav li.current > a:hover,
  .header-style1.scrollHeader .navbar-nav li.active > a:hover,
  .header-style2.scrollHeader .navbar-nav li.active > a:hover {
    color: #379b69;
  }

  .header-style1.scrollHeader .navbar > ul > li.current > a:after,
  .header-style2.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #379b69 #379b69 transparent;
  }

  /*Header style04*/
  .header-style4 .navbar-nav li.current > a {
    color: #379b69;
  }
  .header-style4 .navbar > ul > li.current > a:after {
    border-color: transparent #379b69 #379b69 transparent;
  }
  .header-style4 .navbar-nav li.active > a {
    color: #379b69;
  }

  /*Header style05*/
  .header-style5 #top-bar {
    background: #379b69;
  }

  /*Header style06*/
  .header-style6.scrollHeader .navbar-default {
    background: #379b69;
  }

  /*Header style08*/
  .header-style8 .navbar ul ul li.active > a {
    color: #379b69;
  }
  .header-style8 .navbar-nav li.current > a,
  .header-style8 .navbar-nav li.active > a {
    color: #379b69;
  }
  .header-style8 .navbar > ul > li.current > a:after {
    border-color: transparent #379b69 #379b69 transparent;
  }
  .header-style8.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #379b69;
  }
  .header-style8.scrollHeader .navbar-nav li.current > a {
    color: #379b69;
  }
  .header-style8.scrollHeader .navbar-nav li.current > a:hover {
    color: #379b69;
  }
  .header-style8.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #379b69 #379b69 transparent;
  }
  .header-style8.scrollHeader .navbar-nav li.active > a {
    color: #379b69;
  }
  .header-style8.scrollHeader .navbar-nav li.active > a:hover {
    color: #379b69;
  }

  /*Menu area light*/
  .menu_area-light .navbar-nav li.current > a,
  .menu_area-light .navbar-nav li.active > a {
    color: #379b69;
  }
  .menu_area-light .navbar > ul > li.current > a:after {
    border-color: transparent #379b69 #379b69 transparent;
  }
  .menu_area-light.scrollHeader .navbar-nav li.current > a {
    color: #379b69;
  }
  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
    color: #379b69;
  }
  .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #379b69 #379b69 transparent;
  }
  .menu_area-light.scrollHeader .navbar-nav li.active > a {
    color: #379b69;
  }
  .menu_area-light.scrollHeader .navbar-nav li.active > a:hover {
    color: #379b69;
  }
}
@media screen and (max-width: 991px) {
  /*Header style05*/
  .header-style5 #top-bar,
  .header-style5 .navbar-toggler {
    background: #379b69;
  }

  /*Header style08*/
  .header-style8 .navbar ul ul li.active > a {
    color: #379b69;
  }
}

/* ===================================
    Page title
====================================== */
/*style4*/
.page-title-section.small h1 {
  color: #379b69;
}
.page-title-section.small ul li:last-child a {
  color: #379b69;
}
.page-title-section.small ul li:after {
  color: #379b69;
}
.page-title-section.small ul li a {
  color: #379b69;
}
.vertical-header-text:after {
  background: #379b69;
}
.vertical-header-text:before {
  background: #379b69;
}

/* ===================================
    Slider and Banner
====================================== */
/* revolution slider */
.rev_slider_wrapper .tp-caption span {
  color: #379b69;
}
.feature-box-01:hover {
  background: #ffffff;
  border: 5px solid #379b69;
}
.feature-box-01:hover .icon-tools {
  color: #379b69;
}
.feature-box-02:before {
  background: #379b69;
}
.feature-box-03:hover {
  background: #379b69;
  border: 2px solid #379b69;
}

/* feature box 06 */
.feature-box-06 i {
  color: #379b69;
}

/* feature box 07 */
.feature-box-07 .feature-textbox:before {
  border-top: 5px solid #379b69;
}
.feature-box-07 .feature-textbox a {
  color: #379b69;
}
.feature-box-07:hover .feature-textbox {
  background-color: #379b69;
}

/* feature box 09 */
.feature-box9:after {
  background: #379b69;
}
.feature-box9:hover i {
  color: #379b69;
}
.feature-flex-square-icon i {
  color: #379b69;
}
.feature-flex-square-content-button:hover {
  color: #379b69;
}
.feature-flex-square-content-button:hover:after {
  color: #379b69;
}

/* feature case block */
.case-block h4:after {
  background: #379b69;
}
.case-block-inner a {
  color: #379b69;
}

.case-block-inner a:after {
  color: #379b69;
}
.partner-text span {
  color: #379b69;
}
.partner-text h4:after {
  background: #379b69;
}
.service-box i {
  color: #379b69;
}
.services-block-two h3 a:hover {
  color: #379b69;
}
.services-block-two .icon-box {
  color: #379b69;
}
.services-block-three > a:before {
  border-bottom: 3px solid #379b69;
  border-right: 3px solid #379b69;
}
.services-block-three > a:after {
  border-top: 3px solid #379b69;
  border-left: 3px solid #379b69;
}
.service-grids .service-block .number {
  background-color: #379b69;
}
.service-grids .service-block .details h4 {
  color: #379b69;
}
.service-grids .service-block .details .read-more {
  color: #379b69;
}
.service-block5:after {
  background: #379b69 none repeat scroll 0 0;
}
.service-block5 .service-desc h5 {
  color: #379b69;
}
/* services detail */
.services-single-menu li.active a {
  border-left-color: #379b69;
  color: #379b69;
}

.services-single-menu li a:after {
  background: #379b69;
}

/* downloads */
.downloads li {
  border: 1px solid #379b69;
}
.downloads i {
  background: #379b69;
}

/* ===================================
    Process with icon
====================================== */
.process-step-xs .process-step-icon i {
  color: #379b69;
}

/* ===================================
    Call to action
====================================== */
.callto-action-imgbox:before {
  border: 2px solid #379b69;
}

/* ===================================
    Video
====================================== */
.video_btn {
  background: #379b69;
}

/* ===================================
    About area style
====================================== */
.about-right-box:before {
  background: #379b69;
}
.about-ceo .about-project h3 {
  color: #379b69;
}
.about-ceo .box-area {
  border: 8px solid #379b69;
}

/* ===================================
    Progress bars
====================================== */
.custom-bar {
  background-color: #379b69;
}

/* ===================================
    Testmonial
====================================== */
.testmonial-single p:before {
  color: #379b69;
}
.testimonial-style3 .testimonial-pic:before {
  color: #379b69;
}
.testimonial-style4:after {
  background: #379b69;
}
.testmonials-style5 span {
  color: #379b69;
}

/* ===================================
    Owl carousel
====================================== */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #379b69;
}
.testmonial-single p:before {
  color: #379b69;
}
.testimonial-style3 .testimonial-pic:before {
  color: #379b69;
}
.testimonial-style4:after {
  background: #379b69;
}

.testmonials-style5 span {
  color: #379b69;
}

/* ===================================
    Team member
====================================== */
.team-member:hover .team-member-text h4 {
  color: #379b69;
}
.team-member-text span {
  color: #379b69;
}
.team-single-text span {
  color: #379b69;
}
/* team single icon */
.team-single-icons ul li {
  border: 1px solid #379b69;
  color: #379b69;
}
.team-single-icons ul li a {
  color: #379b69;
}
.team-single-icons ul li:hover {
  background: #379b69;
  border-color: #379b69;
}

.team-style3 .social-links:after {
  background: #379b69;
}
.team-style4 .social-links:after {
  background: #379b69;
}
.filtering .active {
  border-color: #379b69;
  color: #379b69;
}
.project-grid-overlay h4 a:hover {
  color: #379b69;
}
.project-grid-overlay h4 a:after {
  background: #379b69;
}
.project-grid-style2:hover .portfolio-icon a:hover {
  color: #379b69;
}
.portfolio-post-border {
  border: 1px solid #379b69;
}

/* project single */
.project-carousel h4:after {
  background: #379b69;
}
.project-single-text h4:after {
  background: #379b69;
}
.project-single-text h5:after {
  background: #379b69;
}
.project-single-text ul li i {
  color: #379b69;
}
.project-grid-style3 .inner-box .project-desc .category {
  color: #379b69;
}
.project-grid-style3 .inner-box:hover .project-desc .category:after {
  background: #379b69;
}
.project-grid-style3 .inner-box .project-desc a:hover {
  color: #379b69;
}

/* Responsive CSS */
@media screen and (min-width: 768px) {
  .project-grid-style4 .portfolio-sub-title:after {
    background: #379b69;
  }
  .project-grid-style4 .portfolio-sub-title:before {
    background: #379b69;
  }
}

/* ===================================
    Accordion style
====================================== */
.accordion-style .btn-link {
  background: #379b69 !important;
  color: #fff;
}
.accordion-style .btn-link:hover {
  background: #379b69 !important;
}

/* ===================================
    Service detail
====================================== */
.services-single-menu ul li.services-active {
  background: #379b69;
}

/* ===================================
    Tabs
====================================== */
.resp-tabs-list li.resp-tab-active {
  border: 1px solid #379b69;
  border-color: #379b69 !important;
  border-top: 4px solid #379b69 !important;
  color: #379b69;
}
.thead-titles {
  background-color: #379b69;
  color: white;
}

h2.resp-tab-active {
  background-color: #379b69 !important;
  color: #fff;
}
.resp-vtabs .resp-tabs-container {
  background-color: #fff;
  border: 1px solid #379b69 !important;
}
.resp-vtabs li.resp-tab-active {
  border: 1px solid #379b69 !important;
  border-left: 4px solid #379b69 !important;
}
.resp-tab-content-active {
  border-color: #379b69 !important;
}
h2.resp-accordion.resp-tab-active {
  border-color: #379b69 !important;
}
.tab-style4 .resp-tabs-list li.resp-tab-active,
.tab-style4 .resp-tab-content-active {
  background: #379b69 !important;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .tab-style5 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #379b69;
    color: #379b69;
  }
  .tab-style5 .resp-tab-content {
    border-color: #379b69;
  }
  .tab-style6 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #379b69;
    color: #379b69;
  }
  .tab-style6 .resp-tabs-list li.resp-tab-active h6 {
    color: #379b69;
  }
  .tab-style6 .resp-tabs-list li.resp-tab-active {
    border-color: #379b69 !important;
  }
  .tab-style6 ul.resp-tabs-list li.resp-tab-active i {
    background: #379b69;
    border-color: #379b69;
    color: #fff;
  }
}

.tab-style7 .resp-tabs-list li.resp-tab-active {
  border: 1px solid #379b69;
  border-color: #379b69 !important;
  border-top: 4px solid #379b69 !important;
  color: #379b69 !important;
}
.tab-style7 .resp-tabs-list li.resp-tab-active:after {
  background: #379b69;
}

@media screen and (min-width: 992px) {
  .tab-style7 ul.resp-tabs-list li.resp-tab-active {
    color: #379b69;
  }
}

.tab-style8 .resp-tabs-list li.resp-tab-active {
  background-color: #379b69;
}

/* ===================================
    Pricing table
====================================== */
.price-table-header {
  background: #379b69;
}
.pricing-list > i {
  color: #379b69;
}
.price-table-content ul li:before {
  color: #379b69;
}
.price-table-content a {
  border: 2px solid #379b69;
}
.price-table-content a:hover {
  background: #379b69;
}
.pricing-list.highlight {
  background: #379b69;
}
.pricing-list.highlight .pricing-list-button:hover {
  background: #379b69;
}
.pricing-list.highlight .pricing-list-button a {
  color: #379b69;
}
.pricing-list span {
  color: #379b69;
}
.pricing-list-button {
  background: #379b69;
  border: 2px solid #379b69;
}
.pricing-list-button:hover a {
  color: #379b69;
}

/* ===================================
    Blog block
====================================== */
.image_blog > a:after {
  background: #379b69 none repeat scroll 0 0;
}
.text_blog:hover {
  background: #379b69;
}
.text_blog .blog_user h4 a {
  color: #379b69;
}

/* ===================================
    Blog
====================================== */
.blog-style6 .blog-meta {
  background-color: #379b69;
}
.blog-grid-text > span {
  color: #379b69;
}
.blog-grid-text ul li i {
  color: #379b69;
}
.blog-grid-simple h4 a:hover {
  color: #379b69;
}
.blog-grid-simple-content a {
  color: #379b69;
}
.blog-grid-simple-content a:after {
  color: #379b69;
}
.data-box-simple {
  background: #379b69;
}
.blog-list-simple-text > span {
  color: #379b69;
}
.blockquote {
  border-left: 4px solid #379b69;
}
.side-bar .widget .widget-title h6:after {
  background: #379b69;
}
.error-box-text h1 {
  color: #379b69;
}

/* ===================================
    Contact info
====================================== */
.social-icon-style1 li a {
  background: #379b69;
  border: 1px solid #379b69;
}
.social-icon-style1 li a:hover {
  background: #fff;
  color: #379b69;
}
.social-icon-style2 li a {
  background: #f9f9f9;
  border: 1px solid #379b69;
}
.social-icon-style2 li a:hover {
  background: #379b69;
  color: #fff;
}
.social-icon-style3 li a:hover {
  color: #379b69;
}
.contact-info-section i {
  background: #379b69;
}
.contact-box i {
  background: #379b69;
}
.newsletter-form button {
  background: #379b69;
}
.copy-element > a:hover,
.source-element > a:hover {
  background: #379b69;
  color: #fff !important;
}

/* ===================================
    Footer
====================================== */
footer {
  background: #379b69;
  color: #fff;
}
footer h3:after {
  background: #379b69;
}
.footer-social-icons ul li:hover {
  background: #379b69;
  border-color: #379b69;
}
.footer-social-icons2 ul li:hover {
  background: #379b69;
  border-color: #379b69;
}
.footer-bar span {
  color: #379b69;
}
.footer-title-style3:after {
  background: #379b69;
}

/* ===================================
    Responsive
====================================== */
@media screen and (max-width: 991px) {
  .navbar-toggler {
    background: #379b69;
  }
}
