html,
body {
  color: #8c989e;
}
html h1,
body h1,
html h2,
body h2,
html h3,
body h3,
html h4,
body h4,
html h5,
body h5 {
  color: #666666;
}
a,
a:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .navbar-inverse .dropdown:hover .dropdown-toggle {
    color:  #ff0000;
  }
}
.navbar-inverse .navbar-toggle {
  background-color:  #ff0000;
}
.navbar-inverse .navbar-toggle:hover {
  border-color:  #ff0000;
  background-color:  #ff0000;
}
.navbar-inverse .navbar-toggle:focus {
  border-color:  #ff0000;
  background-color:  #ff0000;
}
.navbar-inverse .navbar-nav .active a {
  color:  #ff0000;
}
.navbar-inverse .navbar-nav .active a:hover,
.navbar-inverse .navbar-nav .active a:focus {
  color:  #ff0000;
}
.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:focus {
  color:  #ff0000;
}
.navbar-inverse .navbar-nav .open a.dropdown-toggle {
  color:  #ff0000;
}
.navbar-inverse .navbar-nav .open a.dropdown-toggle:focus {
  color:  #ff0000;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  border-top: 2px solid  #ff0000;
}
.navbar-inverse .navbar-nav .dropdown-menu li a:hover {
  color:  #ff0000 !important;
}
.banner-title .overlay {
  background-color: rgba(255, 71, 0, 0.8);
}
.bordered-title h1,
.bordered-title h2,
.bordered-title h3,
.bordered-title h4,
.bordered-title h5 {
  border-bottom: 1px solid  #ff0000;
}
.footer-offer {
  background:  #ff0000;
}
.footer-offer .rounded-btn:hover {
  color:  #ff0000;
}
.footer .footer-form .button-container .submit-btn {
  background-color:  #ff0000;
}
.copyright .right .social-icons .fa:hover {
  color:  #ff0000;
}
/*==========================================*/
/*       02 - Main Page Elements
/*==========================================*/
.home-banner .container .content .title h1 {
  color:  #ff0000;
}
.home-banner .container .content .button-container .rounded-btn:hover {
  border: 1px solid  #ff0000;
  background:  #ff0000;
}
.home-banner .carousel-control .control-circle:hover {
  border: 1px solid  #ff0000;
  color:  #ff0000;
}
.home-offer {
  color: #000;
}
.home-offer .link .rounded-btn {
  background:  #ff0000;
}
.home-services .services-section .icon .icon-circle {
  border: 1px solid  #ff0000;
}
.home-services .services-section .icon .icon-circle .fa {
  color:  #ff0000;
}
.home-services .services-section .title h3 {
  color:  #ff0000;
}
.home-services .services-section:hover .icon-circle {
  background-color:  #ff0000;
}
.home-services .services-section:hover .icon-circle .fa {
  color: #fff;
}
.home-services .services-section-two:hover .icon .fa {
  color:  #ff0000;
}
.home-services .services-section-two:hover .content .title h3 {
  color:  #ff0000;
}
.home-about {
  background-color: #ff0000;
}
.home-about .text .content .button .rounded-btn:hover {
  color:  #ff0000;
}
.home-timer .overlay {
  background-color: rgba(255, 102, 0, 0.8);
}
.home-blog .post-list:hover .title h4 {
  color:  #ff0000;
}
.home-blog .post-list:hover .date {
  background:  #ff0000;
}
.home-works .work-image .overlay:hover {
  background-color: rgba(255, 102, 0, 0.8);
}
.home-works .work-image:hover .content:hover {
  background-color: rgba(255, 102, 0, 0.8);
}
.home-works .work-image:hover .content .link .circle:hover i {
  color:  #ff0000;
}
.home-works .work-image-caption:hover .overlay {
  background-color: rgba(255, 102, 0, 0.8);
}
.home-works .work-image-caption:hover .title h3 {
  color:  #ff0000;
}
.home-modal {
  background-color: rgba(255, 102, 0, 0.5);
}
.home-testimonial .carousel .carousel-control .control-circle:hover {
  border: 1px solid  #ff0000;
  color:  #ff0000;
}
.home-clients {
  padding-bottom: 40px;
}
.home-clients .image-container {
  padding-bottom: 40px;
  text-align: center;
}
.home-clients .image-container .image {
  float: left;
  text-align: center;
}
.home-clients .clients .owl-pagination .owl-page span {
  border: 1px solid  #ff0000;
}
.home-clients .clients .owl-pagination .owl-page.active span {
  background:  #ff0000;
}
.home-team .team .photo:hover .overlay:hover {
  background-color: rgba(255, 102, 0, 0.8);
}
.home-team .team .photo:hover .overlay .link .circle:hover {
  color:  #ff0000;
}
.home-team .team .text .position h4 {
  color:  #ff0000;
}
/*==========================================*/
/*       03 - About Page Elements
/*==========================================*/
.about-team .team-square .photo:hover .overlay:hover {
  background-color: rgba(255, 102, 0, 0.8);
}
.about-team .team-square .photo:hover .overlay .link .circle:hover {
  color:  #ff0000;
}
.about-team .team-square .text .position h4 {
  color:  #ff0000;
}
.about-team .team-row-left .photo .circle-image:hover .overlay:hover,
.about-team .team-row-right .photo .circle-image:hover .overlay:hover {
  background-color: rgba(255, 102, 0, 0.8);
}
.about-team .team-row-left .photo .circle-image:hover .overlay .link .circle:hover,
.about-team .team-row-right .photo .circle-image:hover .overlay .link .circle:hover {
  color:  #ff0000;
}
.about-team .team-row-left .text .textcontainer .position h4,
.about-team .team-row-right .text .textcontainer .position h4 {
  color:  #ff0000;
}
/*==========================================*/
/*       04 - Services Page Elements
/*==========================================*/
.services-container .services-content .service .icon .circle {
  border: 1px solid  #ff0000;
}
.services-container .services-content .service .icon .circle i {
  color:  #ff0000;
}
.services-container .services-content .service .title h3 {
  color:  #ff0000;
}
.services-container .services-content .service:hover .icon .circle {
  background:  #ff0000;
}
/*==========================================*/
/*       05 - Portfolio Page Elements
/*==========================================*/
.portfolio-container .portfoliofilter a {
  color: #8c989e;
}
.portfolio-container .portfoliofilter a .filterbutton:hover {
  color:  #ff0000;
  border: 1px solid  #ff0000;
}
.portfolio-container .portfoliofilter a.current .filterbutton {
  background:  #ff0000;
  border: 1px solid  #ff0000;
}
.portfolio-container .portfoliocontent .content .overlay:hover {
  background-color: rgba(255, 102, 0, 0.8);
}
.portfolio-container .portfoliocontent .content .overlay .link .circle:hover i {
  color:  #ff0000;
}
.portfolio-container .portfoliocontent .content-caption:hover .overlay {
  background-color: rgba(255, 102, 0, 0.8);
}
.portfolio-container .portfoliocontent .content-caption .desc .name h3 {
  color: #666666;
}
.portfolio-container .portfoliocontent .content-caption .desc .text h4 {
  color: #8c989e;
}
.portfolio-container .portfoliocontent .content-caption .vote .text:hover {
  color:  #ff0000;
}
.portfolio-container .portfoliocontent .content-caption:hover .desc .name h3 {
  color:  #ff0000;
}
.portfolio-container .portfoliocontent .content-caption:hover .image {
  background:  #ff0000;
}
.portfolio-modal {
  background-color:  #ff0000;
}
.portfolio-pagination ul li a {
  color: #8c989e;
}
.portfolio-pagination ul li a:hover {
  border: 1px solid  #ff0000;
  color:  #ff0000;
}
.portfolio-pagination ul li a.current {
  border: 1px solid  #ff0000;
  background:  #ff0000;
}
.portfolio-single .project-description .text .tag-label:hover {
  background:  #ff0000;
}
.portfolio-single .project-description .text .circle:hover {
  background:  #ff0000;
}
.portfolio-single .project-description .text .circle .fa {
  color:  #ff0000;
}
.project-related {
  float: left;
  width: 100%;
}
.project-related .related-container .relateditem .overlay:hover {
  background-color: rgba(255, 102, 0, 0.8);
}
.project-related .related-container .relateditem .overlay .link .circle:hover i {
  color:  #ff0000;
}
/*==========================================*/
/*       06 - Blog Page Elements
/*==========================================*/
.blog-container .feed .post .image .post-date .circle {
  background:  #ff0000;
}
.blog-container .feed .post .image .overlay {
  background-color: rgba(255, 102, 0, 0.8);
}
.blog-container .feed .post .image .overlay .share .circle:hover i {
  color:  #ff0000;
}
.blog-container .feed .post .info .info-text a {
  color: #8c989e;
}
.blog-container .feed .post .info .info-text a:hover {
  color:  #ff0000;
}
.blog-container .feed .post .info .readmore-container .readmore:hover {
  background:  #ff0000;
}
.blog-container .feed .blog-pagination ul li a {
  color: #8c989e;
}
.blog-container .feed .blog-pagination ul li a:hover {
  border: 1px solid  #ff0000;
  color:  #ff0000;
}
.blog-container .feed .blog-pagination ul li a.current {
  border: 1px solid  #ff0000;
  background:  #ff0000;
}
.blog-container .sidebar .section .content ul li a {
  color: #8c989e;
}
.blog-container .sidebar .section .content ul li:hover {
  border-bottom: 1px solid  #ff0000;
}
.blog-container .sidebar .section .content ul li:hover a {
  color:  #ff0000;
}
.blog-container .sidebar .section .content .tag-label:hover {
  background:  #ff0000;
}
.blog-container .sidebar .section .content .input-group:focus {
  border: 1px solid  #ff0000;
}
.blog-container .sidebar .section .content .input-group .form-control:focus {
  border: 1px solid  #ff0000;
}
.blog-container .sidebar .section .content .input-group .btn {
  background:  #ff0000;
  border: 1px solid  #ff0000;
}
.blog-container .singlepost .info .info-text a {
  color: #8c989e;
}
.blog-container .singlepost .info .info-text a:hover {
  color:  #ff0000;
}
.blog-container .singlepost .share .link .circle:hover {
  background:  #ff0000;
  border: 1px solid  #ff0000;
}
.blog-container .singlepost .respond .row .form-control:focus {
  border: 1px solid  #ff0000;
}
.blog-container .singlepost .respond .row .submit-btn {
  background:  #ff0000;
}
/*==========================================*/
/*       07 - Contact Page Elements
/*==========================================*/
.contact-container .contact-header {
  background:  #ff0000;
}
.contact-container .content .form .row .form-control:focus {
  border: 1px solid  #ff0000;
}
.contact-container .content .form .row .submit-btn {
  background:  #ff0000;
}
.contact-container .content .information .text ul li .textbold i {
  color:  #ff0000;
}
.contact-container .content .information .text .circle:hover {
  background:  #ff0000;
}
/*==========================================*/
/*       08 - 404 Error Page Elements
/*==========================================*/
.error-content .title h1 {
  color:  #ff0000;
}
.error-content .button {
  border: 1px solid  #ff0000;
  color:  #ff0000;
}
.error-content .button:hover {
  border: 1px solid  #ff0000;
  background:  #ff0000;
}
.error-footer {
  background:  #ff0000;
}
.error-footer .right .social-icons .social-icon-circle:hover i {
  color:  #ff0000;
}
/*==========================================*/
/*       09 - FAQ Page Elements
/*==========================================*/
.faq-container .faq .question h3 i {
  color:  #ff0000;
}