/*-------------------------------------------------*/
/* =  blue2 skin
/*-------------------------------------------------*/

#container.blue2 .navbar-brand span,
#container.blue2 .top-line p span i,
#container.blue2 .top-line ul.social-icons li a:hover,
#container.blue2 .navbar-nav > li > a:hover,
#container.blue2 .navbar-nav > li > a.active,
#container.blue2 .navbar-nav li.drop ul.dropdown li a:hover,
#container.blue2 header.active .navbar-nav > li > a:hover,
#container.blue2 header.active .navbar-nav > li > a.active,
#container.blue2 .title-section h1 span,
#container.blue2 #home-section .tp-caption.finewide_medium_white span,
#container.blue2 #home-section .tp-caption a.trans-btn:hover,
#container.blue2 #home-section .tp-caption a.trans-btn2,
#container.blue2 .services-offer-section .offer-post h2 a:hover,
#container.blue2 .project-box .project-post .hover-box h2 a:hover,
#container.blue2 .tab-posts-box ul.nav-tabs li a:hover,
#container.blue2 .testimonial-section .testimonial-box h2,
#container.blue2 .news-section .news-post h2 a:hover,
#container.blue2 .news-section .news-post > a:hover,
#container.blue2 .flexslider .flexcaption .inner-caption h1,
#container.blue2 .services-offer-section2 .services-post a,
#container.blue2 .projects-section2 .project-box .project-post .hover-box h2 a:hover,
#container.blue2 .presentation-section .presentation-line a:hover,
#container.blue2 .team-section .team-post span,
#container.blue2 .services-page-section .contact-info ul.information-list li i,
#container.blue2 .services-page-section .services-wrapp .services-post a:hover,
#container.blue2 .blog-section .blog-box .blog-post h2 a:hover,
#container.blue2 .blog-section .blog-box .blog-post .post-content-text > a:hover,
#container.blue2 .blog-section .blog-box ul.pagination-list li a:hover,
#container.blue2 .blog-section .blog-box ul.pagination-list li a.active,
#container.blue2 .blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover,
#container.blue2 .sidebar ul.category-list li a:hover,
#container.blue2 .sidebar ul.archieve-list li a:hover,
#container.blue2 .single-page-section .project-content-box ul li i,
#container.blue2 footer .up-footer ul.navigation li a:hover,
#container.blue2 footer .up-footer .info-widget p span,
#container.blue2 .inner-switcher ul li a:hover {
	color: #67bacc !important;
}

#container.blue2 .navbar-nav li.drop ul.dropdown {
	border-top: 2px solid #67bacc;
}

#container.blue2 .form-search,
#container.blue2 #home-section .tp-caption.small_text.backgroun-col,
#container.blue2 .banner-section,
#container.blue2 .flex-direction-nav .flex-next:hover,
#container.blue2 .flex-direction-nav .flex-prev:hover,
#container.blue2 .services-page-section ul.side-navigation-list li a:hover,
#container.blue2 .services-page-section ul.side-navigation-list li a.active,
#container.blue2 .projects-page-section .project-box .project-post .hover-box,
#container.blue2 .sidebar ul.tags-list li a:hover,
#container.blue2 #contact-form input[type="submit"],
#container.blue2 .comment-form input[type="submit"],
#container.blue2 .error-section a:hover,
#container.blue2 .free-quote-section form input[type="submit"],
#container.blue2 footer p.copyright {
	background: #67bacc;
}

#container.blue2 #home-section .tp-caption a.trans-btn:hover {
  border: 2px solid #67bacc;
}

#container.blue2 #home-section .tp-caption a.trans-btn2:hover,
#container.blue2 .tab-posts-box ul.nav-tabs li.active a {
  color: #ffffff !important;
  background: #67bacc;
}
#container.blue2 .projects-section ul.filter li a.active,
#container.blue2 .projects-section ul.filter li a:hover,
#container.blue2 .projects-page-section ul.filter li a.active,
#container.blue2 .projects-page-section ul.filter li a:hover {
  color: #67bacc;
  border-bottom: 2px solid #67bacc;
}

#container.blue2 .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #67bacc;
  border-color: #67bacc;
}

#container.blue2 .accord-elem.active .accord-title h2,
#container.blue2 footer .up-footer ul.tag-list li a:hover {
  border: 1px solid #67bacc;
  background: #67bacc;
}

#container.blue2 .tables-page-section .table thead th {
  background: #67bacc !important;
}

#container.blue2 #contact-form input[type="text"]:focus,
#container.blue2 .comment-form input[type="text"]:focus,
#container.blue2 #contact-form textarea:focus,
#container.blue2 .comment-form textarea:focus,
#container.blue2 .free-quote-section form input[type="text"]:focus,
#container.blue2 .free-quote-section form textarea:focus,
#container.blue2 .free-quote-section form select:focus {
  border: 1px solid #67bacc;
}

#container.blue2 .error-section a {
  border-color: #67bacc;
  color: #67bacc;
}

/*-------------------------------------------------*/
/* =  Yellow skin
/*-------------------------------------------------*/

#container.yellow .navbar-brand span,
#container.yellow .top-line p span i,
#container.yellow .top-line ul.social-icons li a:hover,
#container.yellow .navbar-nav > li > a:hover,
#container.yellow .navbar-nav > li > a.active,
#container.yellow .navbar-nav li.drop ul.dropdown li a:hover,
#container.yellow header.active .navbar-nav > li > a:hover,
#container.yellow header.active .navbar-nav > li > a.active,
#container.yellow .title-section h1 span,
#container.yellow #home-section .tp-caption.finewide_medium_white span,
#container.yellow #home-section .tp-caption a.trans-btn:hover,
#container.yellow #home-section .tp-caption a.trans-btn2,
#container.yellow .services-offer-section .offer-post h2 a:hover,
#container.yellow .project-box .project-post .hover-box h2 a:hover,
#container.yellow .tab-posts-box ul.nav-tabs li a:hover,
#container.yellow .testimonial-section .testimonial-box h2,
#container.yellow .news-section .news-post h2 a:hover,
#container.yellow .news-section .news-post > a:hover,
#container.yellow .flexslider .flexcaption .inner-caption h1,
#container.yellow .services-offer-section2 .services-post a,
#container.yellow .projects-section2 .project-box .project-post .hover-box h2 a:hover,
#container.yellow .presentation-section .presentation-line a:hover,
#container.yellow .team-section .team-post span,
#container.yellow .services-page-section .contact-info ul.information-list li i,
#container.yellow .services-page-section .services-wrapp .services-post a:hover,
#container.yellow .blog-section .blog-box .blog-post h2 a:hover,
#container.yellow .blog-section .blog-box .blog-post .post-content-text > a:hover,
#container.yellow .blog-section .blog-box ul.pagination-list li a:hover,
#container.yellow .blog-section .blog-box ul.pagination-list li a.active,
#container.yellow .blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover,
#container.yellow .sidebar ul.category-list li a:hover,
#container.yellow .sidebar ul.archieve-list li a:hover,
#container.yellow .single-page-section .project-content-box ul li i,
#container.yellow footer .up-footer ul.navigation li a:hover,
#container.yellow footer .up-footer .info-widget p span,
#container.yellow .inner-switcher ul li a:hover {
	color: #ffba00 !important;
}

#container.yellow .navbar-nav li.drop ul.dropdown {
	border-top: 2px solid #ffba00;
}

#container.yellow .form-search,
#container.yellow #home-section .tp-caption.small_text.backgroun-col,
#container.yellow .banner-section,
#container.yellow .flex-direction-nav .flex-next:hover,
#container.yellow .flex-direction-nav .flex-prev:hover,
#container.yellow .services-page-section ul.side-navigation-list li a:hover,
#container.yellow .services-page-section ul.side-navigation-list li a.active,
#container.yellow .projects-page-section .project-box .project-post .hover-box,
#container.yellow .sidebar ul.tags-list li a:hover,
#container.yellow #contact-form input[type="submit"],
#container.yellow .comment-form input[type="submit"],
#container.yellow .error-section a:hover,
#container.yellow .free-quote-section form input[type="submit"],
#container.yellow footer p.copyright {
	background: #ffba00;
}

#container.yellow #home-section .tp-caption a.trans-btn:hover {
  border: 2px solid #ffba00;
}

#container.yellow #home-section .tp-caption a.trans-btn2:hover,
#container.yellow .tab-posts-box ul.nav-tabs li.active a {
  color: #ffffff !important;
  background: #ffba00;
}
#container.yellow .projects-section ul.filter li a.active,
#container.yellow .projects-section ul.filter li a:hover,
#container.yellow .projects-page-section ul.filter li a.active,
#container.yellow .projects-page-section ul.filter li a:hover {
  color: #ffba00;
  border-bottom: 2px solid #ffba00;
}

#container.yellow .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ffba00;
  border-color: #ffba00;
}

#container.yellow .accord-elem.active .accord-title h2,
#container.yellow footer .up-footer ul.tag-list li a:hover {
  border: 1px solid #ffba00;
  background: #ffba00;
}

#container.yellow .tables-page-section .table thead th {
  background: #ffba00 !important;
}

#container.yellow #contact-form input[type="text"]:focus,
#container.yellow .comment-form input[type="text"]:focus,
#container.yellow #contact-form textarea:focus,
#container.yellow .comment-form textarea:focus,
#container.yellow .free-quote-section form input[type="text"]:focus,
#container.yellow .free-quote-section form textarea:focus,
#container.yellow .free-quote-section form select:focus {
  border: 1px solid #ffba00;
}

#container.yellow .error-section a {
  border-color: #ffba00;
  color: #ffba00;
}

/*-------------------------------------------------*/
/* =  blue skin
/*-------------------------------------------------*/

#container.blue .navbar-brand span,
#container.blue .top-line p span i,
#container.blue .top-line ul.social-icons li a:hover,
#container.blue .navbar-nav > li > a:hover,
#container.blue .navbar-nav > li > a.active,
#container.blue .navbar-nav li.drop ul.dropdown li a:hover,
#container.blue header.active .navbar-nav > li > a:hover,
#container.blue header.active .navbar-nav > li > a.active,
#container.blue .title-section h1 span,
#container.blue #home-section .tp-caption.finewide_medium_white span,
#container.blue #home-section .tp-caption a.trans-btn:hover,
#container.blue #home-section .tp-caption a.trans-btn2,
#container.blue .services-offer-section .offer-post h2 a:hover,
#container.blue .project-box .project-post .hover-box h2 a:hover,
#container.blue .tab-posts-box ul.nav-tabs li a:hover,
#container.blue .testimonial-section .testimonial-box h2,
#container.blue .news-section .news-post h2 a:hover,
#container.blue .news-section .news-post > a:hover,
#container.blue .flexslider .flexcaption .inner-caption h1,
#container.blue .services-offer-section2 .services-post a,
#container.blue .projects-section2 .project-box .project-post .hover-box h2 a:hover,
#container.blue .presentation-section .presentation-line a:hover,
#container.blue .team-section .team-post span,
#container.blue .services-page-section .contact-info ul.information-list li i,
#container.blue .services-page-section .services-wrapp .services-post a:hover,
#container.blue .blog-section .blog-box .blog-post h2 a:hover,
#container.blue .blog-section .blog-box .blog-post .post-content-text > a:hover,
#container.blue .blog-section .blog-box ul.pagination-list li a:hover,
#container.blue .blog-section .blog-box ul.pagination-list li a.active,
#container.blue .blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover,
#container.blue .sidebar ul.category-list li a:hover,
#container.blue .sidebar ul.archieve-list li a:hover,
#container.blue .single-page-section .project-content-box ul li i,
#container.blue footer .up-footer ul.navigation li a:hover,
#container.blue footer .up-footer .info-widget p span,
#container.blue .inner-switcher ul li a:hover {
	color: #3f80d0 !important;
}

#container.blue .navbar-nav li.drop ul.dropdown {
	border-top: 2px solid #3f80d0;
}

#container.blue .form-search,
#container.blue #home-section .tp-caption.small_text.backgroun-col,
#container.blue .banner-section,
#container.blue .flex-direction-nav .flex-next:hover,
#container.blue .flex-direction-nav .flex-prev:hover,
#container.blue .services-page-section ul.side-navigation-list li a:hover,
#container.blue .services-page-section ul.side-navigation-list li a.active,
#container.blue .projects-page-section .project-box .project-post .hover-box,
#container.blue .sidebar ul.tags-list li a:hover,
#container.blue #contact-form input[type="submit"],
#container.blue .comment-form input[type="submit"],
#container.blue .error-section a:hover,
#container.blue .free-quote-section form input[type="submit"],
#container.blue footer p.copyright {
	background: #3f80d0;
}

#container.blue #home-section .tp-caption a.trans-btn:hover {
  border: 2px solid #3f80d0;
}

#container.blue #home-section .tp-caption a.trans-btn2:hover,
#container.blue .tab-posts-box ul.nav-tabs li.active a {
  color: #ffffff !important;
  background: #3f80d0;
}
#container.blue .projects-section ul.filter li a.active,
#container.blue .projects-section ul.filter li a:hover,
#container.blue .projects-page-section ul.filter li a.active,
#container.blue .projects-page-section ul.filter li a:hover {
  color: #3f80d0;
  border-bottom: 2px solid #3f80d0;
}

#container.blue .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #3f80d0;
  border-color: #3f80d0;
}

#container.blue .accord-elem.active .accord-title h2,
#container.blue footer .up-footer ul.tag-list li a:hover {
  border: 1px solid #3f80d0;
  background: #3f80d0;
}

#container.blue .tables-page-section .table thead th {
  background: #3f80d0 !important;
}

#container.blue #contact-form input[type="text"]:focus,
#container.blue .comment-form input[type="text"]:focus,
#container.blue #contact-form textarea:focus,
#container.blue .comment-form textarea:focus,
#container.blue .free-quote-section form input[type="text"]:focus,
#container.blue .free-quote-section form textarea:focus,
#container.blue .free-quote-section form select:focus {
  border: 1px solid #3f80d0;
}

#container.blue .error-section a {
  border-color: #3f80d0;
  color: #3f80d0;
}

/*-------------------------------------------------*/
/* =  red skin
/*-------------------------------------------------*/

#container.red .navbar-brand span,
#container.red .top-line p span i,
#container.red .top-line ul.social-icons li a:hover,
#container.red .navbar-nav > li > a:hover,
#container.red .navbar-nav > li > a.active,
#container.red .navbar-nav li.drop ul.dropdown li a:hover,
#container.red header.active .navbar-nav > li > a:hover,
#container.red header.active .navbar-nav > li > a.active,
#container.red .title-section h1 span,
#container.red #home-section .tp-caption.finewide_medium_white span,
#container.red #home-section .tp-caption a.trans-btn:hover,
#container.red #home-section .tp-caption a.trans-btn2,
#container.red .services-offer-section .offer-post h2 a:hover,
#container.red .project-box .project-post .hover-box h2 a:hover,
#container.red .tab-posts-box ul.nav-tabs li a:hover,
#container.red .testimonial-section .testimonial-box h2,
#container.red .news-section .news-post h2 a:hover,
#container.red .news-section .news-post > a:hover,
#container.red .flexslider .flexcaption .inner-caption h1,
#container.red .services-offer-section2 .services-post a,
#container.red .projects-section2 .project-box .project-post .hover-box h2 a:hover,
#container.red .presentation-section .presentation-line a:hover,
#container.red .team-section .team-post span,
#container.red .services-page-section .contact-info ul.information-list li i,
#container.red .services-page-section .services-wrapp .services-post a:hover,
#container.red .blog-section .blog-box .blog-post h2 a:hover,
#container.red .blog-section .blog-box .blog-post .post-content-text > a:hover,
#container.red .blog-section .blog-box ul.pagination-list li a:hover,
#container.red .blog-section .blog-box ul.pagination-list li a.active,
#container.red .blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover,
#container.red .sidebar ul.category-list li a:hover,
#container.red .sidebar ul.archieve-list li a:hover,
#container.red .single-page-section .project-content-box ul li i,
#container.red footer .up-footer ul.navigation li a:hover,
#container.red footer .up-footer .info-widget p span,
#container.red .inner-switcher ul li a:hover {
	color: #fb2b2b !important;
}

#container.red .navbar-nav li.drop ul.dropdown {
	border-top: 2px solid #fb2b2b;
}

#container.red .form-search,
#container.red #home-section .tp-caption.small_text.backgroun-col,
#container.red .banner-section,
#container.red .flex-direction-nav .flex-next:hover,
#container.red .flex-direction-nav .flex-prev:hover,
#container.red .services-page-section ul.side-navigation-list li a:hover,
#container.red .services-page-section ul.side-navigation-list li a.active,
#container.red .projects-page-section .project-box .project-post .hover-box,
#container.red .sidebar ul.tags-list li a:hover,
#container.red #contact-form input[type="submit"],
#container.red .comment-form input[type="submit"],
#container.red .error-section a:hover,
#container.red .free-quote-section form input[type="submit"],
#container.red footer p.copyright {
	background: #fb2b2b;
}

#container.red #home-section .tp-caption a.trans-btn:hover {
  border: 2px solid #fb2b2b;
}

#container.red #home-section .tp-caption a.trans-btn2:hover,
#container.red .tab-posts-box ul.nav-tabs li.active a {
  color: #ffffff !important;
  background: #fb2b2b;
}
#container.red .projects-section ul.filter li a.active,
#container.red .projects-section ul.filter li a:hover,
#container.red .projects-page-section ul.filter li a.active,
#container.red .projects-page-section ul.filter li a:hover {
  color: #fb2b2b;
  border-bottom: 2px solid #fb2b2b;
}

#container.red .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fb2b2b;
  border-color: #fb2b2b;
}

#container.red .accord-elem.active .accord-title h2,
#container.red footer .up-footer ul.tag-list li a:hover {
  border: 1px solid #fb2b2b;
  background: #fb2b2b;
}

#container.red .tables-page-section .table thead th {
  background: #fb2b2b !important;
}

#container.red #contact-form input[type="text"]:focus,
#container.red .comment-form input[type="text"]:focus,
#container.red #contact-form textarea:focus,
#container.red .comment-form textarea:focus,
#container.red .free-quote-section form input[type="text"]:focus,
#container.red .free-quote-section form textarea:focus,
#container.red .free-quote-section form select:focus {
  border: 1px solid #fb2b2b;
}

#container.red .error-section a {
  border-color: #fb2b2b;
  color: #fb2b2b;
}

/*-------------------------------------------------*/
/* =  orange skin
/*-------------------------------------------------*/

#container.orange .navbar-brand span,
#container.orange .top-line p span i,
#container.orange .top-line ul.social-icons li a:hover,
#container.orange .navbar-nav > li > a:hover,
#container.orange .navbar-nav > li > a.active,
#container.orange .navbar-nav li.drop ul.dropdown li a:hover,
#container.orange header.active .navbar-nav > li > a:hover,
#container.orange header.active .navbar-nav > li > a.active,
#container.orange .title-section h1 span,
#container.orange #home-section .tp-caption.finewide_medium_white span,
#container.orange #home-section .tp-caption a.trans-btn:hover,
#container.orange #home-section .tp-caption a.trans-btn2,
#container.orange .services-offer-section .offer-post h2 a:hover,
#container.orange .project-box .project-post .hover-box h2 a:hover,
#container.orange .tab-posts-box ul.nav-tabs li a:hover,
#container.orange .testimonial-section .testimonial-box h2,
#container.orange .news-section .news-post h2 a:hover,
#container.orange .news-section .news-post > a:hover,
#container.orange .flexslider .flexcaption .inner-caption h1,
#container.orange .services-offer-section2 .services-post a,
#container.orange .projects-section2 .project-box .project-post .hover-box h2 a:hover,
#container.orange .presentation-section .presentation-line a:hover,
#container.orange .team-section .team-post span,
#container.orange .services-page-section .contact-info ul.information-list li i,
#container.orange .services-page-section .services-wrapp .services-post a:hover,
#container.orange .blog-section .blog-box .blog-post h2 a:hover,
#container.orange .blog-section .blog-box .blog-post .post-content-text > a:hover,
#container.orange .blog-section .blog-box ul.pagination-list li a:hover,
#container.orange .blog-section .blog-box ul.pagination-list li a.active,
#container.orange .blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover,
#container.orange .sidebar ul.category-list li a:hover,
#container.orange .sidebar ul.archieve-list li a:hover,
#container.orange .single-page-section .project-content-box ul li i,
#container.orange footer .up-footer ul.navigation li a:hover,
#container.orange footer .up-footer .info-widget p span,
#container.orange .inner-switcher ul li a:hover {
	color: #f27835 !important;
}

#container.orange .navbar-nav li.drop ul.dropdown {
	border-top: 2px solid #f27835;
}

#container.orange .form-search,
#container.orange #home-section .tp-caption.small_text.backgroun-col,
#container.orange .banner-section,
#container.orange .flex-direction-nav .flex-next:hover,
#container.orange .flex-direction-nav .flex-prev:hover,
#container.orange .services-page-section ul.side-navigation-list li a:hover,
#container.orange .services-page-section ul.side-navigation-list li a.active,
#container.orange .projects-page-section .project-box .project-post .hover-box,
#container.orange .sidebar ul.tags-list li a:hover,
#container.orange #contact-form input[type="submit"],
#container.orange .comment-form input[type="submit"],
#container.orange .error-section a:hover,
#container.orange .free-quote-section form input[type="submit"],
#container.orange footer p.copyright {
	background: #f27835;
}

#container.orange #home-section .tp-caption a.trans-btn:hover {
  border: 2px solid #f27835;
}

#container.orange #home-section .tp-caption a.trans-btn2:hover,
#container.orange .tab-posts-box ul.nav-tabs li.active a {
  color: #ffffff !important;
  background: #f27835;
}
#container.orange .projects-section ul.filter li a.active,
#container.orange .projects-section ul.filter li a:hover,
#container.orange .projects-page-section ul.filter li a.active,
#container.orange .projects-page-section ul.filter li a:hover {
  color: #f27835;
  border-bottom: 2px solid #f27835;
}

#container.orange .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #f27835;
  border-color: #f27835;
}

#container.orange .accord-elem.active .accord-title h2,
#container.orange footer .up-footer ul.tag-list li a:hover {
  border: 1px solid #f27835;
  background: #f27835;
}

#container.orange .tables-page-section .table thead th {
  background: #f27835 !important;
}

#container.orange #contact-form input[type="text"]:focus,
#container.orange .comment-form input[type="text"]:focus,
#container.orange #contact-form textarea:focus,
#container.orange .comment-form textarea:focus,
#container.orange .free-quote-section form input[type="text"]:focus,
#container.orange .free-quote-section form textarea:focus,
#container.orange .free-quote-section form select:focus {
  border: 1px solid #f27835;
}

#container.orange .error-section a {
  border-color: #f27835;
  color: #f27835;
}

/*-------------------------------------------------*/
/* =  green skin
/*-------------------------------------------------*/

#container.green .navbar-brand span,
#container.green .top-line p span i,
#container.green .top-line ul.social-icons li a:hover,
#container.green .navbar-nav > li > a:hover,
#container.green .navbar-nav > li > a.active,
#container.green .navbar-nav li.drop ul.dropdown li a:hover,
#container.green header.active .navbar-nav > li > a:hover,
#container.green header.active .navbar-nav > li > a.active,
#container.green .title-section h1 span,
#container.green #home-section .tp-caption.finewide_medium_white span,
#container.green #home-section .tp-caption a.trans-btn:hover,
#container.green #home-section .tp-caption a.trans-btn2,
#container.green .services-offer-section .offer-post h2 a:hover,
#container.green .project-box .project-post .hover-box h2 a:hover,
#container.green .tab-posts-box ul.nav-tabs li a:hover,
#container.green .testimonial-section .testimonial-box h2,
#container.green .news-section .news-post h2 a:hover,
#container.green .news-section .news-post > a:hover,
#container.green .flexslider .flexcaption .inner-caption h1,
#container.green .services-offer-section2 .services-post a,
#container.green .projects-section2 .project-box .project-post .hover-box h2 a:hover,
#container.green .presentation-section .presentation-line a:hover,
#container.green .team-section .team-post span,
#container.green .services-page-section .contact-info ul.information-list li i,
#container.green .services-page-section .services-wrapp .services-post a:hover,
#container.green .blog-section .blog-box .blog-post h2 a:hover,
#container.green .blog-section .blog-box .blog-post .post-content-text > a:hover,
#container.green .blog-section .blog-box ul.pagination-list li a:hover,
#container.green .blog-section .blog-box ul.pagination-list li a.active,
#container.green .blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover,
#container.green .sidebar ul.category-list li a:hover,
#container.green .sidebar ul.archieve-list li a:hover,
#container.green .single-page-section .project-content-box ul li i,
#container.green footer .up-footer ul.navigation li a:hover,
#container.green footer .up-footer .info-widget p span,
#container.green .inner-switcher ul li a:hover {
	color: #1bbc9b !important;
}

#container.green .navbar-nav li.drop ul.dropdown {
	border-top: 2px solid #1bbc9b;
}

#container.green .form-search,
#container.green #home-section .tp-caption.small_text.backgroun-col,
#container.green .banner-section,
#container.green .flex-direction-nav .flex-next:hover,
#container.green .flex-direction-nav .flex-prev:hover,
#container.green .services-page-section ul.side-navigation-list li a:hover,
#container.green .services-page-section ul.side-navigation-list li a.active,
#container.green .projects-page-section .project-box .project-post .hover-box,
#container.green .sidebar ul.tags-list li a:hover,
#container.green #contact-form input[type="submit"],
#container.green .comment-form input[type="submit"],
#container.green .error-section a:hover,
#container.green .free-quote-section form input[type="submit"],
#container.green footer p.copyright {
	background: #1bbc9b;
}

#container.green #home-section .tp-caption a.trans-btn:hover {
  border: 2px solid #1bbc9b;
}

#container.green #home-section .tp-caption a.trans-btn2:hover,
#container.green .tab-posts-box ul.nav-tabs li.active a {
  color: #ffffff !important;
  background: #1bbc9b;
}
#container.green .projects-section ul.filter li a.active,
#container.green .projects-section ul.filter li a:hover,
#container.green .projects-page-section ul.filter li a.active,
#container.green .projects-page-section ul.filter li a:hover {
  color: #1bbc9b;
  border-bottom: 2px solid #1bbc9b;
}

#container.green .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #1bbc9b;
  border-color: #1bbc9b;
}

#container.green .accord-elem.active .accord-title h2,
#container.green footer .up-footer ul.tag-list li a:hover {
  border: 1px solid #1bbc9b;
  background: #1bbc9b;
}

#container.green .tables-page-section .table thead th {
  background: #1bbc9b !important;
}

#container.green #contact-form input[type="text"]:focus,
#container.green .comment-form input[type="text"]:focus,
#container.green #contact-form textarea:focus,
#container.green .comment-form textarea:focus,
#container.green .free-quote-section form input[type="text"]:focus,
#container.green .free-quote-section form textarea:focus,
#container.green .free-quote-section form select:focus {
  border: 1px solid #1bbc9b;
}

#container.green .error-section a {
  border-color: #1bbc9b;
  color: #1bbc9b;
}



/*-------------------------------------------------*/
/* =  pattern switcher
/*-------------------------------------------------*/

body {
  background: url('../upload/slide/1.jpg') center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

body.patt1 {
  background: url('../images/patterns/patt1.jpg');
}

body.patt1 #container,
body.patt5 #container,
body.patt7 #container {
  box-shadow: 0 0 8px #222;
  -webkit-box-shadow: 0 0 8px #222;
  -moz-box-shadow: 0 0 8px #222;
  -o-box-shadow: 0 0 8px #222;
}
body.patt9 #container {
  box-shadow: 0 0 8px #777;
  -webkit-box-shadow: 0 0 8px #777;
  -moz-box-shadow: 0 0 8px #777;
  -o-box-shadow: 0 0 8px #777;
}

body.patt2 {
  background: url('../images/patterns/patt2.png');
}

body.patt3 {
  background: url('../images/patterns/patt3.png');
}

body.patt4 {
  background: url('../images/patterns/patt4.png');
}

body.patt5 {
  background: url('../images/patterns/patt5.png');
}

body.patt6 {
  background: url('../images/patterns/patt6.png');
}

body.patt7 {
  background: url('../upload/slide/1.jpg') center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

body.patt8 {
  background: url('../upload/others/patt1.jpg') center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

body.patt9 {
  background: url('../upload/others/patt2.jpg') center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}