/*

Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is color stylesheet of Color Scheme.

*/

/*************************
		General
*************************/
/** selection **/
*::-moz-selection { background: #299be8; color: #fff; text-shadow: none; }
::-moz-selection { background: #299be8; color: #fff; text-shadow: none; }
::selection { background: #299be8; color: #fff; text-shadow: none; }

/*************************
	 Background Color
*************************/

.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.accordion-border .acd-group.acd-active .acd-heading, .accordion.accordion-border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #299be8;}

.popup-video-image a i, .conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon, .login-box-theme:before, .login-box-theme:after, .blog-overlay .tag, .blog.blog-simple .tag, .section-title.line-dabble .title:after, .book-counter .counter .icon, .plumber-contact .contact-form .section-field .form-control, .feature-box .feature-border, .skill-bar, .button.button-border:hover, .button.button-border:focus, .tab .nav.nav-tabs > li > a.active, .page-item.active .page-link, .button.button-border.gray:hover, .button.button-border.gray:focus, .bootstrap-datetimepicker-widget table td span.active, .section-title span.theme-bg, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .wishlist-page .table td.total a:hover, .wishlist-page .table td.total a:hover, .service ul li a:hover, .service ul li a.active, .fc-today-button, .fc-event, .fc-event-dot, .marketing-tab ul.nav.nav-tabs:before, .marketing-tab .tab-vertical .nav.nav-tabs li a, .play-video-section.black-button .play-video:hover, .portfolio-item .portfolio-overlay a.tag { background: #299be8;}



/*************************
        Color
*************************/


/*************************
	 Border Color
*************************/

.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.dropcap-border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #299be8; }

.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1, .login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .blog-box.blog-2.blog-border .blog-info .tag, .tab.nav-bt .nav li.active, .tab.nav-bl .nav li.active, .tab.nav-br .nav li.active, .book-about blockquote, .hotel-banner-checkout .checkout, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .button.button-border, .button.button-border:hover, .button.button-border:focus, .nav.nav-tabs > li > a.active:focus, .nav.nav-tabs > li > a.active:hover, .page-item.active .page-link, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li a:hover, .button.button-border.gray:hover, .button.button-border.gray:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .tab.nav-bt .nav.nav-tabs > li> a.active, .tab.nav-bl .nav.nav-tabs > li > a.active, .tab.nav-br .nav.nav-tabs > li > a.active, .isotope-filters.dark-bg button.active, .isotope-filters  button:hover, .isotope-filters.filters-vertical button.active, .isotope-filters.filters-vertical button:hover, .wishlist-page .table td.total a:hover, .isotope-filters.dark-bg button.active, .isotope-filters  button:hover, .isotope-filters.filters-vertical button.active, .isotope-filters.filters-vertical button:hover, .wishlist-page .table td.total a:hover, .spa-border:before, .team.team-list, .marketing-banner .slider-content { border-color: #299be8; }


/*border left border right*/
.blog .timeline li:hover .timeline-panel:before { border-left-color: #299be8; border-right-color:#299be8; }
ul.menu-sidebar li a:hover, ul.menu-sidebar li.active a { border-left-color: #299be8; }


/*************************
 important
*************************/
.rev-color { color: #299be8 !important; }
.rev-button, .rev-btn, .badge-primary, .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .bg-primary { background: #299be8 !important;  }
.rev-button:hover, .rev-btn:hover { background: #ffffff !important; color: #323232 !important; }
.rev-bg { background: #299be8 !important; }
.border-primary { border-color: #299be8 !important; }
.footer .footer-social ul li a:hover, .slider-content .typer { color: #299be8 !important; }
.progress-bar-new, .progress-bar { background-color: #299be8; }

/*************************
	dark color
*************************/
.agency-form .contact-form, .agency-counter .row { background: #1d7ebf; }

/*************************
	box shadow
*************************/
#onepagenav.onepage-hover-01 .mega-menu .menu-links > li > a:hover, #onepagenav.onepage-hover-01 .mega-menu .menu-links > li.active > a { box-shadow: inset 178px 0px 0px 0px #299be8; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(41, 155, 232, 0.5); }

.marketing-step .step-box { box-shadow: 0px 0px 0 10px #299be8; }
.marketing-step .step-box:hover { box-shadow: 0px 0px 0 15px #299be8; }

/*************************
	 Rgba Background Color
*************************/
.st-menu ul.menu li a:before { background: rgba(41, 155, 232, 0.4); }
.service-plumber .feature-box:hover:before, .service-plumber .feature-box.active:before, .team.team-hover-2:hover .team-photo::before { background: rgba(41, 155, 232, 0.9); }
.bg-overlay-theme-10:before {  background: rgba(41, 155, 232, 0.1); }
.bg-overlay-theme-20:before {  background: rgba(41, 155, 232, 0.2); }
.bg-overlay-theme-30:before {  background: rgba(41, 155, 232, 0.3); }
.bg-overlay-theme-40:before {  background: rgba(41, 155, 232, 0.4); }
.bg-overlay-theme-50:before {  background: rgba(41, 155, 232, 0.5); }
.bg-overlay-theme-60:before {  background: rgba(41, 155, 232, 0.6); }
.bg-overlay-theme-70:before {  background: rgba(41, 155, 232, 0.7); }
.bg-overlay-theme-80:before {  background: rgba(41, 155, 232, 0.8); }
.bg-overlay-theme-90:before {  background: rgba(41, 155, 232, 0.9); }