/*-------------------------------------------------*/
/* =  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 > a.starter_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 header.active .navbar-nav > li > a.starter_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-wrapper .offer-post h2 a:hover,
#container.yellow .project-box .project-post .toggle-box h2 a:hover,
#container.yellow .tab-posts-box ul.nav-tabs li a:hover,
#container.yellow .list-style-wrapper .testimonial-box h2,
#container.yellow .news-wrapper .news-post h2 a:hover,
#container.yellow .news-wrapper .news-post > a:hover,
#container.yellow .flexslider .flexcaption .inner-caption h1,
#container.yellow .services-wrapper2 .services-post a,
#container.yellow .projects-wrapper2 .project-box .project-post .toggle-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 .foot-top ul.navigation li a:hover,
#container.yellow footer .foot-top .info 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 .toggle-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.foot-bottom {
    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-wrapper ul.filter li a.active,
#container.yellow .projects-wrapper 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 .foot-top 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 > a.starter_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 header.active .navbar-nav > li > a.starter_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-wrapper .offer-post h2 a:hover,
#container.blue .project-box .project-post .toggle-box h2 a:hover,
#container.blue .tab-posts-box ul.nav-tabs li a:hover,
#container.blue .list-style-wrapper .testimonial-box h2,
#container.blue .news-wrapper .news-post h2 a:hover,
#container.blue .news-wrapper .news-post > a:hover,
#container.blue .flexslider .flexcaption .inner-caption h1,
#container.blue .services-wrapper2 .services-post a,
#container.blue .projects-wrapper2 .project-box .project-post .toggle-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 .foot-top ul.navigation li a:hover,
#container.blue footer .foot-top .info 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 .toggle-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.foot-bottom {
    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-wrapper ul.filter li a.active,
#container.blue .projects-wrapper 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 .foot-top 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 > a.starter_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 header.active .navbar-nav > li > a.starter_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-wrapper .offer-post h2 a:hover,
#container.red .project-box .project-post .toggle-box h2 a:hover,
#container.red .tab-posts-box ul.nav-tabs li a:hover,
#container.red .list-style-wrapper .testimonial-box h2,
#container.red .news-wrapper .news-post h2 a:hover,
#container.red .news-wrapper .news-post > a:hover,
#container.red .flexslider .flexcaption .inner-caption h1,
#container.red .services-wrapper2 .services-post a,
#container.red .projects-wrapper2 .project-box .project-post .toggle-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 .foot-top ul.navigation li a:hover,
#container.red footer .foot-top .info 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 .toggle-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.foot-bottom {
    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-wrapper ul.filter li a.active,
#container.red .projects-wrapper 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 .foot-top 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 > a.starter_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 header.active .navbar-nav > li > a.starter_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-wrapper .offer-post h2 a:hover,
#container.orange .project-box .project-post .toggle-box h2 a:hover,
#container.orange .tab-posts-box ul.nav-tabs li a:hover,
#container.orange .list-style-wrapper .testimonial-box h2,
#container.orange .news-wrapper .news-post h2 a:hover,
#container.orange .news-wrapper .news-post > a:hover,
#container.orange .flexslider .flexcaption .inner-caption h1,
#container.orange .services-wrapper2 .services-post a,
#container.orange .projects-wrapper2 .project-box .project-post .toggle-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 .foot-top ul.navigation li a:hover,
#container.orange footer .foot-top .info 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 .toggle-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.foot-bottom {
    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-wrapper ul.filter li a.active,
#container.orange .projects-wrapper 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 .foot-top 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 > a.starter_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 header.active .navbar-nav > li > a.starter_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-wrapper .offer-post h2 a:hover,
#container.green .project-box .project-post .toggle-box h2 a:hover,
#container.green .tab-posts-box ul.nav-tabs li a:hover,
#container.green .list-style-wrapper .testimonial-box h2,
#container.green .news-wrapper .news-post h2 a:hover,
#container.green .news-wrapper .news-post > a:hover,
#container.green .flexslider .flexcaption .inner-caption h1,
#container.green .services-wrapper2 .services-post a,
#container.green .projects-wrapper2 .project-box .project-post .toggle-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 .foot-top ul.navigation li a:hover,
#container.green footer .foot-top .info 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 .toggle-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.foot-bottom {
    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-wrapper ul.filter li a.active,
#container.green .projects-wrapper 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 .foot-top 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;
}

/*-------------------------------------------------*/
/* =  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 > a.starter_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 header.active .navbar-nav > li > a.starter_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-wrapper .offer-post h2 a:hover,
#container.blue2 .project-box .project-post .toggle-box h2 a:hover,
#container.blue2 .tab-posts-box ul.nav-tabs li a:hover,
#container.blue2 .list-style-wrapper .testimonial-box h2,
#container.blue2 .news-wrapper .news-post h2 a:hover,
#container.blue2 .news-wrapper .news-post > a:hover,
#container.blue2 .flexslider .flexcaption .inner-caption h1,
#container.blue2 .services-wrapper2 .services-post a,
#container.blue2 .projects-wrapper2 .project-box .project-post .toggle-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 .foot-top ul.navigation li a:hover,
#container.blue2 footer .foot-top .info 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 .toggle-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.foot-bottom {
    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-wrapper ul.filter li a.active,
#container.blue2 .projects-wrapper 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 .foot-top 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;
}

/*-------------------------------------------------*/
/* =  pattern switcher
/*-------------------------------------------------*/

body {
    background: #f8f8f8;
}

body.patt1 {
    background: url('images/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/patt2.png');
}

body.patt3 {
    background: url('images/patt3.png');
}

body.patt4 {
    background: url('images/patt4.png');
}

body.patt5 {
    background: url('images/patt5.png');
}

body.patt6 {
    background: url('images/patt6.png');
}

body.patt7 {
    background: url('images/1.jpg') center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

body.patt8 {
    background: url('images/patt1.jpg') center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

body.patt9 {
    background: url('images/patt2.jpg') center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}