/* --------------------------------------------------------------------------
 *
 * file           : theme-switcher.css
 * Desc           : Foundstrap Theme Switcher
 * Version        : 1.0
 * Date           : 08/11/2014
 * Author         : Imam Firmansyah
 * Author URI     : http://imamfirmansyah.com
 * Email          : imamfirmansyah27@gmail.com
 *
 * Copyright 2014. All Rights Reserved.
 * -------------------------------------------------------------------------- */

/* This is the default color theme but to use the blue color theme as the default color theme this default color theme css code is disabled using the comment. The it is disabled but not deleted so that it can be used in the future if needed. */

/*The css code for blue color theme starts from line 214 */

 /*Default color css code.*/
 
 /*
 ::selection {
  background: #ff8d2c;
}

::-moz-selection {
  background: #ff8d2c;
}

.logo-container img, .highlight, .dropcap.circle, .dropcap.square, .button, #testimonial-slider .owl-controls .owl-page.active span,
#testimonial-slider .owl-controls .owl-page:hover span, .heading-title.bottom-line:after, .slideshow .slider1-caption4 .button-slide1,
.slideshow .slider1-caption4 .button-slide2,
.slideshow .slider2-caption4 .button-slide1,
.slideshow .slider2-caption4 .button-slide2,
.slideshow .slider5-caption4 .button-slide1,
.slideshow .slider5-caption4 .button-slide2, .box-icon.small .icon-shape, .panel.fold, .footer-logo, .footer-menu a.active, .resp-tabs-top .resp-tabs-list li.resp-tab-active:before, .resp-tabs-top .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:after, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:after, h4.resp-accordion.resp-tab-active:before, .team-item.single-team .social-icon li, .promo-box:before, .badge, .tag-cloud a, .blog-info .image-blog-info, .mejs-container .mejs-time-rail .mejs-time-current, .sharing-box .social-icon li, .pagination li.active a, .pagination li.active a:hover, .service-list .box-icon .icon-shape, .reservation-form-container, .hotel-post:after, .event-list .date-event, #scrollUp, .comment-text .reply, .table th {
  background-color: #ff8d2c;
}

.button:hover, .button:focus, .button.button-group:hover span, .button.button-group:focus span, .button.button-group:active span, .button.button-group.active span, .slideshow .slider1-caption4 .button-slide1:hover,
.slideshow .slider1-caption4 .button-slide2:hover,
.slideshow .slider2-caption4 .button-slide1:hover,
.slideshow .slider2-caption4 .button-slide2:hover,
.slideshow .slider5-caption4 .button-slide1:hover,
.slideshow .slider5-caption4 .button-slide2:hover, .footer-menu a.active:hover, .tag-cloud a:hover, #scrollUp:hover, .search-domain .button:hover span,
.slideshow .slider5-caption4 .button-slide2:hover span, .pagination li a:hover, .comment-text .reply:hover {
  background-color: #ffb678;
}

.epicon-menu a:hover,
.epicon-menu a:focus,
.epicon-menu a:active,
.epicon-menu a.highlighted, .epicon-menu ul a:hover,
.epicon-menu ul a:focus,
.epicon-menu ul a:active,
.epicon-menu ul a.highlighted, .epicon-menu a.active,
.epicon-menu a.current,
.epicon-menu a.current:hover,
.epicon-menu a.current:focus,
.epicon-menu a.current:active, .epicon-menu a:hover span.sub-arrow:after,
.epicon-menu a:focus span.sub-arrow:after,
.epicon-menu a:active span.sub-arrow:after,
.epicon-menu a.highlighted span.sub-arrow:after, .epicon-menu span.scroll-up:hover span.scroll-up-arrow:after, .epicon-menu span.scroll-down:hover span.scroll-down-arrow:after, .menu-trigger.active a,
.menu-trigger:hover a, .social-heading a:hover, .login-form-container .checkbox_flat, .epicon-color, #slideshow-container .tp-rightarrow.default:hover:before,
#slideshow-container .tp-leftarrow.default:hover:before, .blog-post-info a, #count-corporate .text-container p, footer i, .resp-tabs-top .resp-tabs-list li:hover,
.resp-tabs-bottom .resp-tabs-list li:hover,
.resp-tabs-left .resp-tabs-list li:hover,
.resp-tabs-right .resp-tabs-list li:hover, .resp-accordion h4.resp-accordion:hover,
h4.resp-accordion:hover, h4.resp-accordion.resp-tab-active:hover, .contact-info i, .popular-list a, #twitter-feed .twitter-text a,
#twitter-feed .twitter-text .at, #twitter-contact .twitter-text a,
#twitter-contact .twitter-text .at, .post-info i, .domain-price .price, .pricing-table .price, #reservation-hotel .reservation-icon, .hotel-post li a, .hotel-facilities-container .box-icon .icon-shape i, .event-list .event-description span, .hotelinfo-list i, #portfolio-filter .button-border.selected,
#portfolio-filter .button-border:hover, #page-header .breadcrumb li.active {
  color: #ff8d2c;
}

a:hover, .login:hover, .button-detail:hover, .blog-post-title h4:hover, footer a:hover, .popular-list a:hover, #twitter-feed .twitter-text a:hover,
#twitter-feed .twitter-text a:focus,
#twitter-feed .twitter-text .at:hover,
#twitter-feed .twitter-text .at:focus, #twitter-contact .twitter-text a:hover,
#twitter-contact .twitter-text a:focus,
#twitter-contact .twitter-text .at:hover,
#twitter-contact .twitter-text .at:focus, .event-list .event-description a:hover, .hotel-post li a:hover, .button.button-border.white:hover, .social-header a:hover, .attach-link a:hover, .social-icon.social-contact a:hover, .author-link:hover, .list-arrow a:hover,
.list-arrow-circle a:hover,
.list-circle-check a:hover, .post-info a:hover {
  color: #ffb678;
}

.header-info, #features, #count-corporate {
  border-top: 4px solid #ff8d2c;
}

.button.button-group span {
  background: #ff7f13;
}

.heading-title.line {
  border-left: 2px solid #ff8d2c;
}

#slideshow-container .tp-rightarrow.default,
#slideshow-container .tp-leftarrow.default {
  border-right: 4px solid #ff8d2c;
}

.slideshow {
  background: #fff;
}

.slideshow .slider3-box {
  background: rgba(255, 141, 44, 0.6);
}

.home-slider-nav .left-nav:hover, .home-slider-nav .right-nav:hover, .team-slider-nav .left-nav:hover, .team-slider-nav .right-nav:hover,
.blog-carousel-nav .left-nav:hover,
.blog-carousel-nav .right-nav:hover, .clientsay-slider-nav .left-nav:hover, .clientsay-slider-nav .right-nav:hover,
.hotel-slider-nav .left-nav:hover,
.hotel-slider-nav .right-nav:hover, .blog-slider-nav .left-nav:hover, .blog-slider-nav .right-nav:hover {
  border-color: #ffb678;
}
.home-slider-nav .left-nav:hover i, .home-slider-nav .right-nav:hover i, .team-slider-nav .left-nav:hover i, .team-slider-nav .right-nav:hover i,
.blog-carousel-nav .left-nav:hover i,
.blog-carousel-nav .right-nav:hover i, .clientsay-slider-nav .left-nav:hover i, .clientsay-slider-nav .right-nav:hover i,
.hotel-slider-nav .left-nav:hover i,
.hotel-slider-nav .right-nav:hover i, .blog-slider-nav .left-nav:hover i, .blog-slider-nav .right-nav:hover i {
  color: #ffb678;
}

.panel.fold:before {
  border-right-color: #ee6d00;
}

.testimonial-item .testimonial-container {
  border-top: 1px solid #ff8d2c;
}

.circle-bar-container {
  background-color: #ff8d2c;
}

.form-control:focus {
  border-color: #ff8d2c;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 141, 44, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 141, 44, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 141, 44, 0.6);
}

.pagination li.active a {
  border: 1px solid #ff8d2c;
}

.pagination li.active a:hover {
  border: 1px solid #ff8d2c;
}

.pricing-container {
  background-color: #ff8d2c;
}

.hotel-post li {
  border-right: 1px solid #ff8d2c;
}

.hotel-facilities-container {
  background-color: #ff8d2c;
}

.search-domain .button span,
.slideshow .slider5-caption4 .button-slide2 span {
  background: #ff7f13;
}

.reservation-form-container .button {
  background: #f87200;
}
.reservation-form-container .button:hover {
  background: #ffa95f;
}

.img-caption .img-content {
  background: rgba(255, 141, 44, 0.7);
}

#portfolio-filter .button-border.selected,
#portfolio-filter .button-border:hover {
  border: 1px solid #ff8d2c;
}

.pagination li a:hover {
  border: 1px solid #ffb678;
}

.author-link {
  color: #ff8d2c !important;
}

#page-header .breadcrumb a:hover {
  color: #ff8d2c !important;
}

.team-item.single-team .social-icon li:hover a {
  color: #ffb678 !important;
}

.post-info {
  border-color: #ffb678;
}
*/

/*Blue color css code.*/

::selection {
  background: #29a7e4;
}

::-moz-selection {
  background: #29a7e4;
}

.logo-container img, .highlight, .dropcap.circle, .dropcap.square, .button, #testimonial-slider .owl-controls .owl-page.active span,
#testimonial-slider .owl-controls .owl-page:hover span, .heading-title.bottom-line:after, .slideshow .slider1-caption4 .button-slide1,
.slideshow .slider1-caption4 .button-slide2,
.slideshow .slider2-caption4 .button-slide1,
.slideshow .slider2-caption4 .button-slide2,
.slideshow .slider5-caption4 .button-slide1,
.slideshow .slider5-caption4 .button-slide2, .box-icon.small .icon-shape, .panel.fold, .footer-logo, .footer-menu a.active, .resp-tabs-top .resp-tabs-list li.resp-tab-active:before, .resp-tabs-top .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:after, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:after, h4.resp-accordion.resp-tab-active:before, .team-item.single-team .social-icon li, .promo-box:before, .badge, .tag-cloud a, .blog-info .image-blog-info, .mejs-container .mejs-time-rail .mejs-time-current, .sharing-box .social-icon li, .pagination li.active a, .pagination li.active a:hover, .service-list .box-icon .icon-shape, .reservation-form-container, .hotel-post:after, .event-list .date-event, #scrollUp, .comment-text .reply, .table th {
  background-color:#29a7e4;
}

.button:hover, .button:focus, .button.button-group:hover span, .button.button-group:focus span, .button.button-group:active span, .button.button-group.active span, .slideshow .slider1-caption4 .button-slide1:hover,
.slideshow .slider1-caption4 .button-slide2:hover,
.slideshow .slider2-caption4 .button-slide1:hover,
.slideshow .slider2-caption4 .button-slide2:hover,
.slideshow .slider5-caption4 .button-slide1:hover,
.slideshow .slider5-caption4 .button-slide2:hover, .footer-menu a.active:hover, .tag-cloud a:hover, #scrollUp:hover, .search-domain .button:hover span,
.slideshow .slider5-caption4 .button-slide2:hover span, .pagination li a:hover, .comment-text .reply:hover {
  background-color: #6dc3ed;
}

.epicon-menu a:hover,
.epicon-menu a:focus,
.epicon-menu a:active,
.epicon-menu a.highlighted, .epicon-menu ul a:hover,
.epicon-menu ul a:focus,
.epicon-menu ul a:active,
.epicon-menu ul a.highlighted, .epicon-menu a.active,
.epicon-menu a.current,
.epicon-menu a.current:hover,
.epicon-menu a.current:focus,
.epicon-menu a.current:active, .epicon-menu a:hover span.sub-arrow:after,
.epicon-menu a:focus span.sub-arrow:after,
.epicon-menu a:active span.sub-arrow:after,
.epicon-menu a.highlighted span.sub-arrow:after, .epicon-menu span.scroll-up:hover span.scroll-up-arrow:after, .epicon-menu span.scroll-down:hover span.scroll-down-arrow:after, .menu-trigger.active a,
.menu-trigger:hover a, .social-heading a:hover, .login-form-container .checkbox_flat, .epicon-color, #slideshow-container .tp-rightarrow.default:hover:before,
#slideshow-container .tp-leftarrow.default:hover:before, .blog-post-info a, #count-corporate .text-container p, footer i, .resp-tabs-top .resp-tabs-list li:hover,
.resp-tabs-bottom .resp-tabs-list li:hover,
.resp-tabs-left .resp-tabs-list li:hover,
.resp-tabs-right .resp-tabs-list li:hover, .resp-accordion h4.resp-accordion:hover,
h4.resp-accordion:hover, h4.resp-accordion.resp-tab-active:hover, .contact-info i, .popular-list a, #twitter-feed .twitter-text a,
#twitter-feed .twitter-text .at, #twitter-contact .twitter-text a,
#twitter-contact .twitter-text .at, .post-info i, .domain-price .price, .pricing-table .price, #reservation-hotel .reservation-icon, .hotel-post li a, .hotel-facilities-container .box-icon .icon-shape i, .event-list .event-description span, .hotelinfo-list i, #portfolio-filter .button-border.selected,
#portfolio-filter .button-border:hover, #page-header .breadcrumb li.active {
  color: #29a7e4;
}

a:hover, .login:hover, .button-detail:hover, .blog-post-title h4:hover, footer a:hover, .popular-list a:hover, #twitter-feed .twitter-text a:hover,
#twitter-feed .twitter-text a:focus,
#twitter-feed .twitter-text .at:hover,
#twitter-feed .twitter-text .at:focus, #twitter-contact .twitter-text a:hover,
#twitter-contact .twitter-text a:focus,
#twitter-contact .twitter-text .at:hover,
#twitter-contact .twitter-text .at:focus, .event-list .event-description a:hover, .hotel-post li a:hover, .button.button-border.white:hover, .social-header a:hover, .attach-link a:hover, .social-icon.social-contact a:hover, .author-link:hover, .list-arrow a:hover,
.list-arrow-circle a:hover,
.list-circle-check a:hover, .post-info a:hover {
  color: #6dc3ed;
}

.header-info, #features, #count-corporate {
  border-top: 4px solid #29a7e4;
}

.button.button-group span {
  background: #1b9bd8;
}

.heading-title.line {
  border-left: 2px solid #29a7e4;
}

#slideshow-container .tp-rightarrow.default,
#slideshow-container .tp-leftarrow.default {
  border-right: 4px solid #29a7e4;
}

.slideshow {
  background: #fff;
}

.slideshow .slider3-box {
  background: rgba(41, 167, 228, 0.6);
}

.home-slider-nav .left-nav:hover, .home-slider-nav .right-nav:hover, .team-slider-nav .left-nav:hover, .team-slider-nav .right-nav:hover,
.blog-carousel-nav .left-nav:hover,
.blog-carousel-nav .right-nav:hover, .clientsay-slider-nav .left-nav:hover, .clientsay-slider-nav .right-nav:hover,
.hotel-slider-nav .left-nav:hover,
.hotel-slider-nav .right-nav:hover, .blog-slider-nav .left-nav:hover, .blog-slider-nav .right-nav:hover {
  border-color: #6dc3ed;
}
.home-slider-nav .left-nav:hover i, .home-slider-nav .right-nav:hover i, .team-slider-nav .left-nav:hover i, .team-slider-nav .right-nav:hover i,
.blog-carousel-nav .left-nav:hover i,
.blog-carousel-nav .right-nav:hover i, .clientsay-slider-nav .left-nav:hover i, .clientsay-slider-nav .right-nav:hover i,
.hotel-slider-nav .left-nav:hover i,
.hotel-slider-nav .right-nav:hover i, .blog-slider-nav .left-nav:hover i, .blog-slider-nav .right-nav:hover i {
  color: #6dc3ed;
}

.panel.fold:before {
  border-right-color: #1784b9;
}

.testimonial-item .testimonial-container {
  border-top: 1px solid #29a7e4;
}

.circle-bar-container {
  background-color: #29a7e4;
}

.form-control:focus {
  border-color: #29a7e4;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 167, 228, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 167, 228, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 167, 228, 0.6);
}

.pagination li.active a {
  border: 1px solid #29a7e4;
}

.pagination li.active a:hover {
  border: 1px solid #29a7e4;
}

.pricing-container {
  background-color: #29a7e4;
}

.hotel-post li {
  border-right: 1px solid #29a7e4;
}

.hotel-facilities-container {
  background-color: #29a7e4;
}

.search-domain .button span,
.slideshow .slider5-caption4 .button-slide2 span {
  background: #1b9bd8;
}

.reservation-form-container .button {
  background: #188ac2;
}
.reservation-form-container .button:hover {
  background: #56baea;
}

.img-caption .img-content {
  background: rgba(41, 167, 228, 0.7);
}

#portfolio-filter .button-border.selected,
#portfolio-filter .button-border:hover {
  border: 1px solid #29a7e4;
}

.pagination li a:hover {
  border: 1px solid #6dc3ed;
}

.author-link {
  color: #29a7e4 !important;
}

#page-header .breadcrumb a:hover {
  color: #29a7e4 !important;
}

.team-item.single-team .social-icon li:hover a {
  color: #6dc3ed !important;
}

.post-info {
  border-color: #6dc3ed;
}