/* ==========================================================================================
  Theme Name: Bizard
  Author: Weblash
  Support: info@alphabettechs.com
  Description: Bizard - Responsive Business HTML Template
  Version: 1.0
========================================================================================== */


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

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

    1. Color black 
    2. Color light orange
    3. Color blue
    4. Color orange
    5. bg black
    6. bg blue
    7. bg chocolate
    8. bg light white
    9. bg gray
    10. border blue
    11. border orange
    12. border blue
    13. border black
    14. footer bg color

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


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

body,
ul,
label,
p,
.black,
.main-menu li .submenu li a,
.price-text h1 span,
.price-tabs .nav-link,
.service-box.type-2:hover p,
.header-style-3 .main-menu li a,
.blog-by-detail li a,
.header-style-3 .search-icon:hover,
.faq-box .card-header,
.tag-link,
.social-icons.black li a,
.categories li a,
.btn-filter, .serv-content h2,
.spl_blk.spl_center a.btn.btn-square,
.spl_blk.spl_center a {
    color: #242424;
}


/* ....................................
2. Color light orange
.......................................*/

.quote-right-light {
    color: #e75f1e47;
}


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

h1,
h2,
h3,
h4,
h5,
h6,
.blue,
.name-author .name,
a:hover,
.btn-round-border,
.service-box.type-2:hover h4,
.btn-border-blue,
.mobile-menu-3 a.meanmenu-reveal,
.week-count h1 sup,
.experience li span {
    color: #16202b;
}


/* ....................................
4. Color orange
.......................................*/

a,
button,
.orange,
.line-head,
.count-box h3,
.feature-num span,
.plus-btn:hover,
.price-text h1,
.input-white:hover + i,
.input-white:focus + i,
.each-blog:hover .blog-text h6 a,
.links-list a:hover,
.input-search + i,
.scroll-btn:hover,
.btn-square-border,
.social-icons.boxed-social li a:hover,
.blog-by-detail li a:hover,
.check-list-2 li:before,
.faq-box .card .card-header::after,
.faq-box .card-header:hover h5,
.social-icons.round-border li a,
.other-dervices:hover .icon-text h6,
.social-icons.black li a:hover i,
.categories li a:hover,
.blog-grid:hover .blog-grid-text h5 a,
.btn-filter.active,
.btn-filter:hover,
.search-not-found .input-white + i,
.week-count h1,
.case-quote a,
.sub-2:after {
    color: #e75f1e;
}

.bg-orange{
    background-color: #e75f1e;
}


/* ....................................
5. bg black
.......................................*/

.bg-black,
.silder-img[data-overlay]::before,
.slider-control.type-3 .dots-slider .owl-dot,
.team-detail-3[data-overlay]::before,
.inner-banner[data-overlay]::before {
    background: #16202b;
}


/* ....................................
6. bg blue
.......................................*/

.bg-blue,
.slider-area[data-overlay]::before,
.btn-round:hover,
.btn-square:hover,
.btn-round-border:hover,
.service-box:hover .btn-round,
.btn-blue,
.team-each:hover .team-image.img-lined:before,
.arrow-navigation .nav-slide:hover,
.btn-round-blue,
.testimonials[data-overlay]::before,
.cta[data-overlay]::before,
.btn-square-green:hover,
.experience-cta[data-overlay]::before,
.line-before:before,
.transperant-head.fixed-nav,
.service-3[data-overlay]::before,
.btn-square-blue,
.testimonial-3[data-overlay]::before,
.mobile-menu-3 a.meanmenu-reveal span,
.how-it-works[data-overlay]::before,
.price-tag,
.input-white + .input-group-append .btn:hover {
    background: #16202b;
}

/* ....................................
7. bg chocolate
.......................................*/

.btn-round,
.shop-icon .count,
.main-menu li:after,
.line-head .line,
.blob.green,
.btn-square,
.slide-div .owl-dots .owl-dot.active,
.callback-area[data-overlay]::before,
.service-box:hover,
.service-box:hover .service-icon-bg,
.plus-btn,
.arrow-navigation .nav-slide,
.btn-round-blue:hover,
.price-each.active,
.price-tabs .nav-link.active,
.testimonial-slider .arrow-btn:hover,
.btn-square-green,
.btn-square-white:hover,
.each-blog:hover .blog-date,
.contact-area:before,
.social-links li a:hover,
.links-list a:before,
.scroll-btn,
.dots-slider .owl-dot.active,
.slide-social li a:hover,
.team-green-head[data-overlay]::before,
.career-box[data-overlay]::before,
.mobile-menu-2.mean-container .meanmenu-reveal,
.btn-square-border:hover,
.slider-control.type-3 .dots-slider .owl-dot.active,
.service-list-3:hover,
.team-detail-3 h5:before,
.each-team-3:hover .team-detail-3[data-overlay]::before,
.btn-square-blue:hover,
.btn-blue:hover,
.price-each-2.active,
.testimonial-3-slide .owl-dot.active span,
.fancy-2:after,
.right-box-head h4:after,
.social-profile-box:hover,
.block-quote-by:before,
.tag-link:hover,
.categories li a span,
.slider-type-blog.owl-carousel .owl-nav button.owl-next,
.slider-type-blog.owl-carousel .owl-nav button.owl-prev,
.pagination-type1 ul li a:hover,
.pagination-type1 ul li.active a,
.portfolio-overlay:before,
.line-right:after,
.experience li:after {
    background: #e75f1e;
}

/* ....................................
8. bg light white
.......................................*/

.bg-light-white,
.hr-line,
.service-icon-bg,
.team-each:hover .team-info,
.price-head .price-icon,
.subscribe[data-overlay]::before,
.scroll-btn:hover,
.price-icon-2,
.contact-form[data-overlay]::before,
.not-found[data-overlay]::before,
.coming-soon[data-overlay]::before,
.job-list:after,
.thanks[data-overlay]::before,
.experience li:before,
.service-icon-2 {
    background: #f9f9f9;
}

.spl_blk.spl_center h4 a, 
.spl_blk.spl_center a.btn.btn-square:hover,
.serv_blk:hover h2, .serv_blk:hover p,
.spl_blk.spl_center p,
.newsletter_area h2,
.team-bio span, .team-bio h6{
    color: #fff;
}

/*important*/
.light-white {
    background: #f9f9f9 !important;
}

/* ....................................
9. bg gray
.......................................*/

.bg-gray{

    background: #f2f2f2;
} 

/* ....................................
10. border blue
.......................................*/

.price-head .price-icon:before,
.btn-border-blue,
.blog-3-each:hover {
    border-color: #001c6b;
}


/* ....................................
11. border orange
.......................................*/

.client-image:before,
.btn-square-white:hover,
.input-search:focus,
.service-box.type-2:hover.img-lined:before,
.client-2-img .client-image:before,
.icon-box-border,
.each-logo:hover,
.btn-square-border,
.price-icon-2:before,
.block-quote,
.social-icons.round-border li a,
.social-profile-box,
.tag-link:hover,
.green-border,
.pagination-type1 ul li a,
.btn-filter.active,
.btn-filter:hover,
.icon-box-icon,
.partner:hover .partner-logo,
.thank-icon {
    border-color: #e75f1e;
}

/* ....................................
12. border blue
.......................................*/

.each-blog,
.input-search,
.main-menu li .submenu li a,
.feature-list-all li,
.price-each.img-lined:before,
.price-head h4,
.service-box.type-2.img-lined:before,
.clients-top-each,
.top-clients,
.service-list-3.img-lined:before,
.counts-type-3,
.faq-box.bodered-faq .card,
.blog-by-info .list-inline-item:not(:last-child),
.next-prev-button,
.connent-lists > li,
.each-blog-standared .blog-list-content,
.partner-logo,
.main-menu li .submenu .submenu li a {
    border-color: #16202b;
}


/*border topcolor*/

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


/* ....................................
13. border black
.......................................*/

.blog-by-detail li a {
    border-color: #282f41;
}

/* ....................................
14. footer bg color
.......................................*/

.blackbg-1,
.footer-area,
.social-links li a {
    background-color: #16202b;
}

.blackbg-2,
.contact-area,
.mean-container .mean-nav {
    background-color: #1c2733;
}

.copyright {
    background-color: #131c26;
}

/*end*/