/*==========================================*/
/*           Color Schemes
/*==========================================*/
/*==========================================*/
/*       01 - Global Elements
/*==========================================*/
html,
body {
  color: #888888;
}
html h1,
body h1,
html h2,
body h2,
html h3,
body h3,
html h4,
body h4,
html h5,
body h5 {
  color: #333333;
}
a {
  color: #ff6600;
}
a:hover {
  color: #ff6600;
}
/*==========================================*/
/*       02 - Navbar Elements
/*==========================================*/
.navbar-inverse.scroll-fixed-navbar .navbar-nav li:hover a {
  color: #ff6600;
}
.navbar-inverse.scroll-fixed-navbar .navbar-nav li.active a {
  color: #ff6600;
}
.navbar-inverse.scroll-fixed-navbar .navbar-nav li.active a:hover {
  color: #ff6600;
}
/*==========================================*/
/*       03 - Banner Elements
/*==========================================*/
.banner .banner-content .buttons .def-btn:hover {
  color: #888888;
}
/*==========================================*/
/*           04 - Intro Elements
/*==========================================*/
.intro {
  background: #ff6600;
}
.intro .link .def-btn:hover {
  color: #ff6600;
}
/*==========================================*/
/*         05 - About Elements
/*==========================================*/
.about .content .icon i {
  color: #ff6600;
}
/*==========================================*/
/*        06 - Testimonial Elements
/*==========================================*/
.testimonial .carousel .carousel-control .control-circle:hover {
  border: 1px solid #ff6600;
}
.testimonial .carousel .carousel-control .control-circle:hover .fa {
  color: #ff6600;
}
/*==========================================*/
/*        07 - Team Elements
/*==========================================*/
.team {
  padding: 80px 0px;
}
.team .content .team-info .photo .overlay {
  background: rgba(255, 102, 0, 0.8);
}
.team .content .team-info .photo .overlay .link .circle:hover {
  color: #ff6600;
}
/*==========================================*/
/*        08 - counter Elements
/*==========================================*/
/*==========================================*/
/*        09 - portfolio Elements
/*==========================================*/
.portfolio .portfoliofilter a .filterbutton {
  color: #888888;
}
.portfolio .portfoliofilter a.current .filterbutton {
  background: #ff6600;
  border: 1px solid #ff6600;
}
.portfolio .portfoliofilter a:hover .filterbutton {
  border: 1px solid #ff6600;
  color: #ff6600;
}
.portfolio .portfoliocontent .content .overlay:hover {
  background: rgba(255, 102, 0, 0.8);
}
/*==========================================*/
/*        10 - Why Us Elements
/*==========================================*/
.why-us .skills .skillbars .bar-container .meter {
  background: #ff6600;
}
/*==========================================*/
/*        11 - Pricing Elements
/*==========================================*/
.pricing .pricing-table .price {
  background: #ff6600;
}
.pricing .pricing-table .list .def-btn {
  border: 1px solid #ff6600;
  border-color: #ff6600;
  color: #ff6600;
}
.pricing .pricing-table .list .def-btn:hover {
  background: #ff6600;
}
/*==========================================*/
/*        12 - Offer Elements
/*==========================================*/
/*==========================================*/
/*        13 - Twitter Feed Elements
/*==========================================*/
.twitter-feed .logo i {
  color: #ff6600;
}
.twitter-feed .time a {
  color: #888888;
}
/*==========================================*/
/*        14 - News Elements
/*==========================================*/
.news .news-content .media .quote {
  background: #ff6600;
}
.news .news-content .detail .title h3 {
  color: #ff6600;
}
/*==========================================*/
/*        15 - Clients Elements
/*==========================================*/
/*==========================================*/
/*        16 - Map Elements
/*==========================================*/
.map .map-title {
  background: #ff6600;
}
/*==========================================*/
/*        17 - contact Elements
/*==========================================*/
.contact .footer-form .input-container .form-control:focus {
  border: 1px solid #ff6600;
}
.contact .footer-form .textarea-container textarea:focus {
  border: 1px solid #ff6600;
}
.contact .footer-form .button-container .def-btn {
  border: 1px solid #ff6600;
  color: #ff6600;
}
.contact .footer-form .button-container .def-btn:hover {
  background: #ff6600;
}
/*==========================================*/
/*       18 - Footer Elements
/*==========================================*/
.footer {
  background-color: #ff6600;
}
.footer .right .social-icons .circle:hover .fa {
  color: #ff6600;
}
/*==========================================*/
/*       19 - Responsive Settings
/*==========================================*/
@media (max-width: 768px) {
  .navbar-inverse .navbar-toggle {
    border: 1px solid #ff6600;
    margin: 23px 10px;
  }
  .navbar-inverse .navbar-toggle span.icon-bar {
    background: #ff6600;
  }
  .navbar-inverse .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover {
    background: #ff6600;
  }
  .navbar-inverse .navbar-collapse ul.navbar-nav li.active {
    color: #ff6600;
  }
  .navbar-inverse .navbar-collapse ul.navbar-nav li a {
    color: #888888;
  }
  .navbar-inverse .navbar-collapse ul.navbar-nav li a:hover {
    background: #ff6600;
  }
}