/* ==========================================================================================
  Theme Name: Brush Sharp
  Author: Slide sigma
  Description: Cleaning Service HTML5 Template
  Version: 1.0
========================================================================================== */


/*-------------------------------------------------------

    CSS INDEX
    ===================

    1. Color black
    2. Color light white
    3. Color blue
    4. Bg black
    5. Bg blue
    6. Bg light white
    7. Border blue
    8. Border black
    9. Border light white

-------------------------------------------------------*/


/* ....................................
1. Color black
.......................................*/


.black,
body,
a,
a:hover,
.form-control,
.email-head a,
.main-menu-1 ul li a,
.head-type-2.head-type-3 ul li a.active,
.head-type-2.head-type-3 .main-menu-1 ul li a,
.banner-3-check li h5,
.social-icons.black li a i,
.social-head ul li a,
.categories li a,
.tags-widget .tag-link,
.pagination-type1 ul li a,
.tags-small a,
.blog-social li a,
.main-slider.owl-carousel .owl-nav button i,
.blog-auther-social li a,
.servvice-link-list li a {
    color: #111111;
}


/* ....................................
2. Color light white
.......................................*/

.light-white {
    color: #f9fafc;
}


/* ....................................
3. Color blue
.......................................*/

a,
.blue,
.email-head a i,
.main-menu-1 ul li a.active,
.head-1-book,
.banner-check-list li i,
.check-list li span,
.hw-steps:after,
.testimonial-quote .quote-blue,
.lined-head:after,
.lined-head:before,
.blog-nav-icon,
.prdt-nav-left,
.prdt-nav-right,
.each-blog:hover h4 a,
.footer-links li a i,
.social-icons.footer a:hover,
.mean-container a.meanmenu-reveal,
.banner-quote-form .input-white:focus+i,
.owl-carousel.testimonial-2-slide .owl-nav button,
.head-type-2.head-type-3 .head-1-book-call,
.faq-boxes .card-header:hover,
.faq-boxes .card-header h5 i,
.social-icons.black li a:hover i,
.owl-carousel.testimonial-3-slide .owl-nav button,
.head-type-2.head-type-3 .main-menu-1>div>ul>li>a:hover,
.head-type-2.head-type-3 .main-menu-1 li .submenu a:hover,
.social-head ul li a:hover,
.input-search+i,
.categories li a:hover,
.btn-filter.active,
.btn-filter:hover,
.check-list.type-2-c li i,
.blue-dot-list li:before,
.loader {
    color: #287ff9;
}


/*shadow blue*/

.shadow-blue,
.testimonial-quote .quote-blue {
    text-shadow: 0 4px 8px rgb(40, 127, 249, 0.5);
}


/* ....................................
4. Bg black
.......................................*/

.bg-black,
.footer-1[data-overlay]:before,
.head-1-book-2,
.slider-2[data-overlay]:before,
.service-2-each:hover .service2-img .icon,
.each-teams:hover .plus-btn,
.head-type-2 .mean-container .meanmenu-reveal,
.cta-video[data-overlay]::before,
.owl-carousel.porfolio-slide .owl-nav .owl-prev,
.owl-carousel.porfolio-slide .owl-nav .owl-next,
.slider-type-blog.owl-carousel .owl-nav button.owl-next,
.slider-type-blog.owl-carousel .owl-nav button.owl-prev,
.shop-prdt-img:before,
.prdt-tab .nav-link.active,
.each-work {
    background: #111111;
}


/*black bg opacity classes*/

.bg-black-op-9 {
    background: rgba(19, 27, 35, 0.9);
}

.bg-black-op-8 {
    background: rgba(19, 27, 35, 0.8);
}

.bg-black-op-7 {
    background: rgba(19, 27, 35, 0.7);
}

.bg-black-op-6 {
    background: rgba(19, 27, 35, 0.6);
}

.bg-black-op-5 {
    background: rgba(19, 27, 35, 0.5);
}

.bg-black-op-4 {
    background: rgba(19, 27, 35, 0.4);
}

.bg-black-op-3 {
    background: rgba(19, 27, 35, 0.3);
}

.bg-black-op-2 {
    background: rgba(19, 27, 35, 0.2);
}

.bg-black-op-1 {
    background: rgba(19, 27, 35, 0.1);
}

.bg-black-op-0 {
    background: rgba(19, 27, 35, 0);
}


/* ....................................
5. Bg blue
.......................................*/

.bg-blue,
.main-menu-1 ul li a.active:after,
.service-each:hover,
.cta[data-overlay]:before,
.hw-steps,
.cta-callback[data-overlay]:before,
.each-price.active[data-overlay]:before,
.blog-nav-icon:hover,
.prdt-nav-left:hover,
.prdt-nav-right:hover,
.service-nav-icon:hover,
.team-nav-icon:hover,
.emergency,
.play-btn,
.mean-container a.meanmenu-reveal span,
.head-type-2 .main-menu-1 li .submenu,
.team-image-part:before,
.each-price-2:after,
.each-price-2.active[data-overlay]::before,
.owl-carousel.testimonial-2-slide .owl-nav button:hover,
.blog-info-list:after,
.count-footer[data-overlay]::before,
.head-type-2.head-type-3 .main-menu-1.menu-2 ul li a.active:after,
.estimate[data-overlay]::before,
.service-each-3:hover,
.how-work-img:after,
.te-img-outer:after,
.play-btn-big,
.owl-carousel.testimonial-3-slide .owl-nav button:hover,
.each-portfolio:before,
.head-type-2.head-type-3 .head-1-book-call:hover,
.bottom-head .main-menu-1>div>ul>li>a.active,
.bottom-head .main-menu-1>div>ul>li>a:hover,
.bottom-head .main-menu-1 li .submenu,
.banner-type-4[data-overlay]::before,
.features-about[data-overlay]::before,
.blog-standared-date,
.right-box-head h4:after,
.categories li a span,
.tags-widget .tag-link:hover,
.social-profile-box:hover,
.pagination-type1 ul li a:hover,
.pagination-type1 ul li.active a,
.tags-small a:hover,
.blog-social li a:hover,
.portfolio-overlay:before,
.quote-service[data-overlay]::before,
.servvice-link-list li a:hover,
.servvice-link-list li.active a,
.coming-soon[data-overlay]::before,
.gallery-links .full-cover,
.shop-prdt-img span,
.experience li:after,
.experience li:before {
    background: #287ff9;
}


/*blue bg opacity classes*/

.bg-blue-op-9 {
    background: rgba(40, 127, 249, 0.9);
}

.bg-blue-op-8 {
    background: rgba(40, 127, 249, 0.8);
}

.bg-blue-op-7 {
    background: rgba(40, 127, 249, 0.7);
}

.bg-blue-op-6 {
    background: rgba(40, 127, 249, 0.6);
}

.bg-blue-op-5 {
    background: rgba(40, 127, 249, 0.5);
}

.bg-blue-op-4 {
    background: rgba(40, 127, 249, 0.4);
}

.bg-blue-op-3 {
    background: rgba(40, 127, 249, 0.3);
}

.bg-blue-op-2 {
    background: rgba(40, 127, 249, 0.2);
}

.bg-blue-op-1 {
    background: rgba(40, 127, 249, 0.1);
}


/*shadow blue*/



.shadow-blue {
    box-shadow: 0 0px 13px 2px rgb(40, 127, 249, 0.5);
}


.blob {
    box-shadow: 0 0 0 0 rgb(40, 127, 249);
    animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(40, 127, 249, 0.7);
    }
    70% {
        box-shadow: 0 0 0 30px rgba(40, 127, 249, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(40, 127, 249, 0);
    }
}

@keyframes pulse-blue-small {
    0% {
        box-shadow: 0 0 0 0 rgba(40, 127, 249, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(40, 127, 249, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(40, 127, 249, 0);
    }
}


/* ....................................
6. Bg  light white
.......................................*/

.bg-light-white,
.slider-3,
.faq-boxes .card-header,
.inner-banner[data-overlay]::before,
.pagination-type1 ul li a,
.tags-small a,
.blog-social li a,
.servvice-link-list li a,
.faq-boxes.white-faq .card,
section.error:after,
.cart-table thead,
.login-section .card-header,
.prdt-detail-tab,
.prdt-tab,
.calculation .form-group {
    background: #f9fafc;
}


/* ....................................
7. Border Blue
.......................................*/

.border-blue,
.check-list li span,
.why-video,
.blog-nav-icon,
.prdt-nav-left,
.prdt-nav-right,
.owl-carousel.testimonial-2-slide .owl-nav button,
.head-type-2.head-type-3 .head-1-book-call,
.how-work-img,
.faq-boxes .card-header:hover,
.owl-carousel.testimonial-3-slide .owl-nav button,
.social-profile-box,
.btn-filter.active,
.btn-filter:hover,
.partner:hover .partner-logo,
.calculation .input-white,
.book-service .input-white,
.each-work:before {
    border-color: #287ff9;
}


/*border bottom*/

.link-line,
.cart-table thead tr th,
.login-section .card {
    border-bottom-color: #287ff9;
}


/*border left*/

.link-line,
.how-work-img:before,
.servvice-link-list li a:hover:after,
.servvice-link-list li.active a:after {
    border-left-color: #287ff9;
}


/*border top*/

.partner:hover .partner-logo:after {
    border-top-color: #287ff9;
}


/* ....................................
8. Border black
.......................................*/

.border-black {
    border-color: #111111;
}


/* ....................................
9. Border light white
.......................................*/

.border-black,
.team-image-part,
.faq-boxes .card-header,
.blog-standared-content,
.light-border,
.partner-logo {
    border-color: #f9fafc;
}

.partner-logo:after {
    border-top-color: #f9fafc;
}

/* ....................................
10. yellow color
.......................................*/
.btn-blue {
    box-shadow: 0px 6px 10px -4px rgba(254, 242, 46, 0.53);
}
.btn-blue:hover {
    box-shadow: 0px 11px 20px -4px rgba(254, 242, 46, 0.53);
    color: #111111;
}
.btn-blue,
.btn-white-border:hover,
.service-each-3:hover .btn-blue-border,
.head-1-book-2,
.head-1-book:hover,
.btn-black,
.btn-black:hover,
.main-slider.owl-carousel .owl-nav button:hover,
.main-slider.owl-carousel .owl-nav button:hover i,
.btn-blue-border:hover{
    background: #fef22e;
    color: #111111;
    text-shadow: none;
}
.head-1-book-2.blob-small{
    animation: none;
}
.btn-white-border,
.head-1-book,
.main-slider.owl-carousel .owl-nav button,
.btn-blue-border{
    border-color: #fef22e;
    color: #111111;
}
.inner-banner .blue,
h1,h2,h2,h3,h4,h5,h6,
h1 a,h2 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color: #14287b;
}
.each-price-2.active h1,
.each-price-2.active h4,
.testimonial-2-each h3,
.testimonial-2-each h5,
.btn-white-border,
.blog-date-bg .date h3,
.each-count-f h1,
.banner-type-4 .banner-content-4 h4,
.banner-type-4 .banner-content-4 h1,
.each-portfolio .portfolio-text h4,
.each-feature.white h3,
.about-count.white h3,
.portfolio-item-detail h5>a,
.clock h1,
.service-each:hover .service-text h3{
    color: #fff;
}