@skinColor: #3871a1;
@fontFamily: 'Lato',sans-serif;

.slide-heading, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: @fontFamily;
}



/*
	Style for Switcher
*/
div.style-switcher{
  h4{
    background: @skinColor;
    a{
      background: @skinColor;
    }
  } 
} 
.tp-caption{
  .anim-icon{
    &:hover, &:focus{
     color: @skinColor; 
    }    
  }
} 
.anim-icon.fill, .jump, .pagination-wrap [class^="page-"], .accordion-sec .panel-title > a, .panel-list .list-group-item >a {
  &:hover, &:focus{
     color: @skinColor; 
    }  
}
/*
  Style For Golbar Buttons
---------------------------------*/


.navbar{
  &-nav{
     > li {
       > a{
         &:after{
           color: @skinColor;
         }
       }
     }
    }
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{
  color: @skinColor;
}
.navbar-nav > li > .dropdown-menu{
  border-bottom-color: @skinColor;
  &:after{
    border-bottom-color: @skinColor;
  }
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover:after {
  color: @skinColor;
}
/*theme color*/
#theme_panel .page-group .active-page, #theme_panel .page-group a:hover, .contact-form .label-text.focussed, .pagination-wrap [class^="page-"]:after, #partners-carousel .owl-page.active,.theme-text, .title-line,.sign-up .btn-theme, #footer .LostFoundPerson,.list-unstyled li:before,.video-section h2,.video-section .play-btn,.header-second .btn-default,.quote-mark,.footer-logo a,.main-slider .banner-slider h2 strong,
.main-slider .btn,.btn-wrapper .btn-default,.slider-wrapper3 .btn-default,.touch-by-mail:hover,.header-third .primary-header .btn-default:hover,.helping-child .btn-theme,.contact-address a[href^="mailto:"],.banner-section .btn-link:hover,.banner-section .btn-link,.slider-third .tp-caption .btn.btn-default,aside.media span,.payment-success-box h2 span
{
  color: @skinColor;
}
 #theme_panel .theme-setting, #theme_panel .note, #theme_panel .layout-column.radio-active .column-text:before, #theme_panel .select-box, #theme_panel .theme-pager li.current a, #theme_panel .theme-pager li:hover a, .navbar-default, .panel-default > .panel-heading, .sign-up .btn-theme:hover, .sign-up .btn-theme:focus, .nav-tabs > li > a, .progress, .progress-value, .navbar-nav > li > .dropdown-menu,.btn-bg,.tp-bullets.simplebullets.round .bullet.selected,.testimonial-slider .flex-control-paging a.flex-active,.article-list .progress-bar, .article-list-large .progress-bar,.warning-icon-box,.btn-default:hover, .btn-default:focus,.bg-theme,.modal-content button.close,
 .header-third .brand,.header-third .nav-content:before,.news-section3 .volunteer-reward,.header-second .form-group,.faq .collape-plus,.choose-pricing .btn-default.active,.checkout ul.nav-tabs li.active a,input:focus,textarea:focus,.btn-width:focus,.choose-pricing .btn-default:hover, .choose-pricing .btn-default.active,.helping-child .btn-theme:hover,.fancybox-close,.fancybox-nav 
 {
  background: @skinColor;
}
.svg-shape path,.hand-pics svg{
  fill:@skinColor;
}
.navbar-nav > li > .dropdown-menu, .navbar-nav .open .dropdown-menu
{
  background:darken(@skinColor,5%);
}
.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form, .sign-up .btn-theme,.header-second .bottom-line:before
{
  border-color:darken(@skinColor,10%);
}
 #theme_panel .yellow-brder,blockquote,.sign-up .btn-theme,.btn-default:hover, .btn-default:focus,.header-second .btn-default,.main-slider .btn,.btn-wrapper .btn-default,.slider-wrapper3 .btn-default,.header-third .primary-header .btn-default:hover,.callout,.helping-child .btn-theme,
 .content-wrapper .faq-header  h2 strong,.choose-pricing .btn-default.active,.choose-pricing .btn-default:hover, .choose-pricing .btn-default.active,.slider-third .tp-caption .btn.btn-default ,.shop-today a.btn:hover,.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus ,.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
 {
  border-color:@skinColor;
}
.navbar-nav > li > .dropdown-menu > ul > li > a{
  border-bottom:1px solid @skinColor;
}
.progress-value:before{
  border-top: 4px solid @skinColor;
}
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h2 strong, .h2 strong, h4 strong, .h4 strong{
  border-bottom-color:@skinColor;
}
.checkout ul.nav-tabs li.active:after{
  border-top: 8px solid @skinColor;
}
.progress-value:after{
  border-top: 4px solid @skinColor;
}
.tp-bullets.simplebullets.round .bullet,.testimonial-slider .flex-control-paging a{
  border:2px solid @skinColor;
}
.blockquote-reverse {
border-right: 5px solid @skinColor;
}
.fill{
  fill: @skinColor;
}
.stroke{
  stroke: @skinColor;
}