#site-switcher {
  position: fixed;
  right: -204px;
  top: 240px;
  width: 240px;
  z-index: 999999;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

#site-switcher.active {
  right: 0px;
}

#site-switcher a.open-switcher {
  display: inline-block;
  width: 40px;
  height: 40px;
  float: left;
  background: #ffffff;
  text-align: center;
  line-height: 40px;
  color: #222222;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  box-shadow: 0 0 2px #999;
  -webkit-box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  -o-box-shadow: 0 0 2px #999;
}

.inner-switcher {
  margin-left: 40px;
  background: #fff;
  box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  -moz-box-shadow: 0 0 3px #999;
  -o-box-shadow: 0 0 3px #999;
  padding: 30px 30px;
}

.inner-switcher ul {
  margin: 0 0 30px;
  padding: 0;
}

.inner-switcher ul li {
  display: inline-block;
  margin-right: 5px;
}

.inner-switcher ul.layout-choose li {
  margin-right: 20px;
}

.inner-switcher ul.layout-choose li:last-child {
  margin-right: 0px;
}

.inner-switcher ul li a {
  display: inline-block;
  font-size: 12px;
  color: #222222;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  line-height: 20px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.inner-switcher ul li a:hover {
  color: #ffba00;
}

.inner-switcher ul li a span {
  display: block;
  float: left;
  margin-right: 7px;
  width: 14px;
  height: 14px;
  border: 1px solid #999;
  margin-top: 3px;
}

.inner-switcher ul li a.boxed span {
  border: 1px solid #999;
  border-left: 4px solid #999;
  border-right: 4px solid #999;
}

.inner-switcher h2 {
  color: #222222;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin: 0 0 15px;
  font-size: 14px;
}

ul.layout-color {
  margin-bottom: 0px;
}

ul.layout-color li,
ul.back-patt li {
  margin-bottom: 5px;
}

ul.layout-color li:nth-child(3n),
ul.back-patt li:nth-child(3n) {
  margin-right: 0;
}

ul.layout-color li a,
ul.back-patt li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

ul.back-patt li a.patt1 {
  background: url('../images/patterns/patt1.jpg');
}

ul.back-patt li a.patt2 {
  background: url('../images/patterns/patt2.png');
}

ul.back-patt li a.patt3 {
  background: url('../images/patterns/patt3.png');
}

ul.back-patt li a.patt4 {
  background: url('../images/patterns/patt4.png');
}

ul.back-patt li a.patt5 {
  background: url('../images/patterns/patt5.png');
}

ul.back-patt li a.patt6 {
  background: url('../images/patterns/patt6.png');
}

ul.back-patt li a.patt7 {
  background: url('../upload/slide/1.jpg');
}

ul.back-patt li a.patt8 {
  background: url('../upload/others/patt1.jpg');
}

ul.back-patt li a.patt9 {
  background: url('../upload/others/patt2.jpg');
}

ul.layout-color li a.yellow {
  background: #ffba00;
}

ul.layout-color li a.blue {
  background: #3f80d0;
}

ul.layout-color li a.orange {
  background: #f27835;
}

ul.layout-color li a.red {
  background: #fb2b2b;
}

ul.layout-color li a.green {
  background: #1bbc9b;
}

ul.layout-color li a.blue2 {
  background: #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;
}

/*-------------------------------------------------*/
/* =  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;
}

/**Edit**/
#container.blue .navbar-brand span,#container.blue  .navbar-nav > li > a:hover,#container.blue  .navbar-nav > li > a.active,#container.blue  header.active .navbar-nav > li > a:hover,#container.blue  header.active .navbar-nav > li > a.active,#container.blue  #home-section .tp-caption.qktitlewhite span, header.active .navbar-nav > li > a:hover,#container.blue  header.active .navbar-nav > li.active > a,#container.blue  header .navbar-nav > li > a:hover,#container.blue  header .navbar-nav > li.active > a,#container.blue  header.active .navbar-nav > li.current-menu-parent > a,#container.blue  header.active .navbar-nav > li .dropdown .current-menu-item > a{
	color: #3f80d0 !important;
}
#container.blue .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, #container.blue .wpb_accordion .wpb_accordion_wrapper .ui-state-active a{
	background: #3f80d0;
}
#container.blue .footer-widget .tagcloud a:hover{
	background: #3f80d0;
	border-color:#3f80d0;
}

#container.orange .navbar-brand span,#container.orange  .navbar-nav > li > a:hover,#container.orange  .navbar-nav > li > a.active,#container.orange  header.active .navbar-nav > li > a:hover,#container.orange  header.active .navbar-nav > li > a.active,#container.orange  #home-section .tp-caption.qktitlewhite span, header.active .navbar-nav > li > a:hover,#container.orange  header.active .navbar-nav > li.active > a,#container.orange  header .navbar-nav > li > a:hover,#container.orange  header .navbar-nav > li.active > a,#container.orange  header.active .navbar-nav > li.current-menu-parent > a,#container.orange  header.active .navbar-nav > li .dropdown .current-menu-item > a{
	color: #f27835 !important;
}
#container.orange .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, #container.orange .wpb_accordion .wpb_accordion_wrapper .ui-state-active a{
	background: #f27835;
}
#container.orange .footer-widget .tagcloud a:hover{
	background: #f27835;
	border-color:#f27835;
}

#container.red .navbar-brand span,#container.red  .navbar-nav > li > a:hover,#container.red  .navbar-nav > li > a.active,#container.red  header.active .navbar-nav > li > a:hover,#container.red  header.active .navbar-nav > li > a.active,#container.red  #home-section .tp-caption.qktitlewhite span, header.active .navbar-nav > li > a:hover,#container.red  header.active .navbar-nav > li.active > a,#container.red  header .navbar-nav > li > a:hover,#container.red  header .navbar-nav > li.active > a,#container.red  header.active .navbar-nav > li.current-menu-parent > a,#container.red  header.active .navbar-nav > li .dropdown .current-menu-item > a{
	color: #fb2b2b !important;
}
#container.red .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, #container.red .wpb_accordion .wpb_accordion_wrapper .ui-state-active a{
	background: #fb2b2b;
}
#container.red .footer-widget .tagcloud a:hover{
	background: #fb2b2b;
	border-color:#fb2b2b;
}

#container.green .navbar-brand span,#container.green  .navbar-nav > li > a:hover,#container.green  .navbar-nav > li > a.active,#container.green  header.active .navbar-nav > li > a:hover,#container.green  header.active .navbar-nav > li > a.active,#container.green  #home-section .tp-caption.qktitlewhite span, header.active .navbar-nav > li > a:hover,#container.green  header.active .navbar-nav > li.active > a,#container.green  header .navbar-nav > li > a:hover,#container.green  header .navbar-nav > li.active > a,#container.green  header.active .navbar-nav > li.current-menu-parent > a,#container.green  header.active .navbar-nav > li .dropdown .current-menu-item > a{
	color: #1bbc9b !important;
}
#container.green .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, #container.green .wpb_accordion .wpb_accordion_wrapper .ui-state-active a{
	background: #1bbc9b;
}
#container.green .footer-widget .tagcloud a:hover{
	background: #1bbc9b;
	border-color:#1bbc9b;
}

#container.blue2 .navbar-brand span,#container.blue2  .navbar-nav > li > a:hover,#container.blue2  .navbar-nav > li > a.active,#container.blue2  header.active .navbar-nav > li > a:hover,#container.blue2  header.active .navbar-nav > li > a.active,#container.blue2  #home-section .tp-caption.qktitlewhite span, header.active .navbar-nav > li > a:hover,#container.blue2  header.active .navbar-nav > li.active > a,#container.blue2  header .navbar-nav > li > a:hover,#container.blue2  header .navbar-nav > li.active > a,#container.blue2  header.active .navbar-nav > li.current-menu-parent > a,#container.blue2  header.active .navbar-nav > li .dropdown .current-menu-item > a{
	color: #67bacc !important;
}
#container.blue2 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, #container.blue2 .wpb_accordion .wpb_accordion_wrapper .ui-state-active a{
	background: #67bacc;
}
#container.blue2 .footer-widget .tagcloud a:hover{
	background: #67bacc;
	border-color:#67bacc;
}


body {
  background: #f8f8f8;
}

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;
}