/***********************************************   
                    Default Color
***********************************************/
/*=================== Color CSS ===================*/

a:hover,
ul.dropdown_menu li a:hover,
.nav-wrapper>ul>li.active>a,
.nav-wrapper>ul>li.active>a>i,
.nav-wrapper ul li a:hover,
.service__sm .icon,
.features__icon,
.faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.footer__widget ul li a:hover,
.footer_bottom p a:hover,
.feature_details i,
.process_icon i,
.package_title h1,
.package_title span,
.breadcrumb-type-1 .breadcrumb>.active,
.team_member p a,
.recognitions ul li a,
.service_3_icon span,
.subscribe_form i,
.image-content-block .text-content a,
.reply_btn .comment-reply-link,
.nav_links a,
.cta-type-1 h6 a:hover,
.contact__phone a:hover,
.blog_body a:hover,
.blog_header>ul>li a:hover,
.tags li a:hover,
.tagcloud a:hover,
.blog_text a:hover h3,
.blog_text a:hover,
.blog_widget ul li a:hover,
.recent_post li a:hover {
    color: #3184f4;
}
/*=================== Bacground CSS ===================*/

.loader__bar,
.loader__ball,
.bg__blue,
.btn.btn__lg,
.btn.btn__sm,
.btn__xs,
.nav-wrapper>ul>li:before,
.nav-wrapper>ul>li.active>a:before,
ul.dropdown_menu li:after,
.search-form form button.search-submit,
ul.dropdown_menu li:after,
.hero_slider .slick-dots li,
.hero_area_3 .vbox-item-1 i,
.service_cta,
.cta_3,
.pricing_table.active .btn_type_3,
.wpcf7-submit,
.timeline:before,
.sidebar_nav ul li:after,
.cta-type-3 .btn:after,
.related_service h4,
.project_type .checkbox.checked,
.sidebar_nav ul li:after,
.pagination a.current {
    background: #3184f4;
}

/*=================== Hover BG CSS ===================*/
.btn.btn__lg:hover,
.btn.btn__sm:hover,
.btn__sm.off-white:hover,
.btn__xs:hover,
.btn.btn__border:hover,
.btn.btn__lg.white:hover,
.footer_bottom li:hover,
.btn_type_3:hover,
.service_3_icon:hover,
.nice-select .option:hover,
.hero_slider .NextArrow:hover,
.hero_slider .PrevArrow:hover,
.post_carousel2 .owl-next:hover,
.post_carousel2 .owl-prev:hover,
.comment-respond input[type=submit]:hover,
.blog_widget input[type='submit']:hover,
.btn.btn__lg:hover,
.btn.btn__sm:hover,
.btn__xs:hover,
.btn__sm.off-white:hover,
.btn.btn__lg.white:hover {
    background: #006cff;
}

/*=================== Border CSS ===================*/
.cta-type-3 .btn,
.heading_title_1 hr,
.service__body.boxed,
.faq-section .panel-body,
.faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.video__content hr,
.timeline_item:after,
.Submit_button,
.foxy_core_values_title:after,
.sidebar_nav ul li:last-child {
    border-color: #3184f4;
}

/*Hover border Color*/
.price_btn .btn_type_3:hover,
.tagcloud a:hover,
.btn.btn__border:hover,
.hero_slider .NextArrow:hover,
.hero_slider .PrevArrow:hover,
.cta-type-1 h6 a:hover {
    border-color: #006cff;
}


.btn.btn__border:hover {
    border-color: #006cff;
}
/*=================== Box Shadow CSS ===================*/

.sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #006cff;
}
/***********************************************   
                    Color 1
***********************************************/
/*=================== Color CSS ===================*/

.color_1 a:hover,
.color_1 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_1 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_1 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_1 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_1 ul.dropdown_menu li a:hover,
.color_1 .nav-wrapper>ul>li.active>a,
.color_1 .nav-wrapper>ul>li.active>a>i,
.color_1 .nav-wrapper ul li a:hover,
.color_1 .service__sm .icon,
.color_1 .features__icon,
.color_1 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_1 .footer__widget ul li a:hover,
.color_1 .footer_bottom p a:hover,
.color_1 .feature_details i,
.color_1 .process_icon i,
.color_1 .package_title h1,
.color_1 .package_title span,
.color_1 .breadcrumb-type-1 .breadcrumb>.active,
.color_1 .team_member p a,
.color_1 .recognitions ul li a,
.color_1 .service_3_icon span,
.color_1 .subscribe_form i,
.color_1 .image-content-block .text-content a,
.color_1 .reply_btn .comment-reply-link,
.color_1 .cta-type-1 h6 a:hover,
.color_1 .contact__phone a:hover,
.color_1 .nav_links a,
.color_1 .blog_body a,
.color_1 .blog_body a i,
.color_1 .blog_header>ul>li a:hover,
.color_1 .tags li a:hover,
.color_1 .tagcloud a:hover,
.color_1 .blog_text a:hover h3,
.color_1 .blog_text a:hover,
.color_1 .blog_widget ul li a:hover,
.color_1 .recent_post li a:hover {
    color: #5798E4;
}
.color_1 a.btn:hover {
    color: #fff;
}
/*=================== Bacground CSS ===================*/

.color_1 .loader__bar,
.color_1 .loader__ball,
.color_1 .bg__blue,
.color_1 .btn.btn__lg,
.color_1 .btn.btn__sm,
.color_1 .btn__xs,
.color_1 .nav-wrapper>ul>li:before,
.color_1 .nav-wrapper>ul>li.active>a:before,
.color_1 ul.dropdown_menu li:after,
.color_1 .search-form form button.search-submit,
.color_1 ul.dropdown_menu li:after,
.color_1 .hero_slider .slick-dots li,
.color_1 .hero_area_3 .vbox-item-1 i,
.color_1 .service_cta,
.color_1 .cta_3,
.color_1 .pricing_table.active .btn_type_3,
.color_1 .wpcf7-submit,
.color_1 .timeline:before,
.color_1 .sidebar_nav ul li:after,
.color_1 .cta-type-3 .btn:after,
.color_1 .related_service h4,
.color_1 .project_type .checkbox.checked,
.color_1 .sidebar_nav ul li:after,
.color_1 .pagination a.current {
    background: #5798E4;
}
/*=================== Hover BG CSS ===================*/
.color_1 .btn.btn__lg:hover,
.color_1 .btn.btn__sm:hover,
.color_1 .btn__sm.off-white:hover,
.color_1 .btn__xs:hover,
.color_1 .btn.btn__border:hover,
.color_1 .btn.btn__lg.white:hover,
.color_1 .footer_bottom li:hover,
.color_1 .btn_type_3:hover,
.color_1 .service_3_icon:hover,
.color_1 .nice-select .option:hover,
.color_1 .hero_slider .NextArrow:hover,
.color_1 .hero_slider .PrevArrow:hover,
.color_1 .post_carousel2 .owl-next:hover,
.color_1 .post_carousel2 .owl-prev:hover,
.color_1 .comment-respond input[type=submit]:hover,
.color_1 .blog_widget input[type='submit']:hover,
.color_1 .btn.btn__lg:hover,
.color_1 .btn.btn__sm:hover,
.color_1 .btn__xs:hover,
.color_1 .btn__sm.off-white:hover,
.color_1 .btn.btn__lg.white:hover {
    background: #367aca;
}

/*=================== Border CSS ===================*/
.color_1 .cta-type-3 .btn,
.color_1 .heading_title_1 hr,
.color_1 .service__body.boxed,
.color_1 .faq-section .panel-body,
.color_1 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_1 .video__content hr,
.color_1 .timeline_item:after,
.color_1 .Submit_button,
.color_1 .foxy_core_values_title:after,
.color_1 .sidebar_nav ul li:last-child {
    border-color: #5798E4;
}

/*Hover border Color*/
.color_1 .price_btn .btn_type_3:hover,
.color_1 .tagcloud a:hover,
.color_1 .btn.btn__border:hover,
.color_1 .hero_slider .NextArrow:hover,
.color_1 .hero_slider .PrevArrow:hover,
.color_1 .cta-type-1 h6 a:hover {
    border-color: #367aca;
}


/*Color Group*/
.color_1 .btn.btn__border:hover {
    border-color: #367aca;
}
/*=================== Box Shadow CSS ===================*/
.color_1 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #367aca;
}
/***********************************************   
                    Color 2
***********************************************/
/*=================== Color CSS ===================*/

.color_2 a:hover,
.color_2 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_2 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_2 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_2 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_2 ul.dropdown_menu li a:hover,
.color_2 .nav-wrapper>ul>li.active>a,
.color_2 .nav-wrapper>ul>li.active>a>i,
.color_2 .nav-wrapper ul li a:hover,
.color_2 .service__sm .icon,
.color_2 .features__icon,
.color_2 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_2 .footer__widget ul li a:hover,
.color_2 .footer_bottom p a:hover,
.color_2 .feature_details i,
.color_2 .process_icon i,
.color_2 .package_title h1,
.color_2 .package_title span,
.color_2 .breadcrumb-type-1 .breadcrumb>.active,
.color_2 .team_member p a,
.color_2 .recognitions ul li a,
.color_2 .service_3_icon span,
.color_2 .subscribe_form i,
.color_2 .image-content-block .text-content a,
.color_2 .reply_btn .comment-reply-link,
.color_2 .nav_links a,
.color_2 .cta-type-1 h6 a:hover,
.color_2 .contact__phone a:hover,
.color_2 .blog_body a,
.color_2 .blog_body a i,
.color_2 .blog_header>ul>li a:hover,
.color_2 .tags li a:hover,
.color_2 .tagcloud a:hover,
.color_2 .blog_text a:hover h3,
.color_2 .blog_text a:hover,
.color_2 .blog_widget ul li a:hover,
.color_2 .recent_post li a:hover {
    color: #26BDEF;
}
.color_2 a.btn:hover {
    color: #fff;
}

/*=================== Bacground CSS ===================*/
.color_2 .loader__bar,
.color_2 .loader__ball,
.color_2 .bg__blue,
.color_2 .btn.btn__lg,
.color_2 .btn.btn__sm,
.color_2 .btn__xs,
.color_2 .nav-wrapper>ul>li:before,
.color_2 .nav-wrapper>ul>li.active>a:before,
.color_2 ul.dropdown_menu li:after,
.color_2 .search-form form button.search-submit,
.color_2 ul.dropdown_menu li:after,
.color_2 .hero_slider .slick-dots li,
.color_2 .hero_area_3 .vbox-item-1 i,
.color_2 .service_cta,
.color_2 .cta_3,
.color_2 .pricing_table.active .btn_type_3,
.color_2 .wpcf7-submit,
.color_2 .timeline:before,
.color_2 .service_3_icon:hover,
.color_2 .sidebar_nav ul li:after,
.color_2 .cta-type-3 .btn:after,
.color_2 .related_service h4,
.color_2 .project_type .checkbox.checked,
.color_2 .sidebar_nav ul li:after,
.color_2 .pagination a.current {
    background: #26BDEF;
}

/*=================== Hover BG CSS ===================*/
.color_2 .btn.btn__lg:hover,
.color_2 .btn.btn__sm:hover,
.color_2 .btn__sm.off-white:hover,
.color_2 .btn__xs:hover,
.color_2 .btn.btn__border:hover,
.color_2 .btn.btn__lg.white:hover,
.color_2 .footer_bottom li:hover,
.color_2 .btn_type_3:hover,
.color_2 .service_3_icon:hover,
.color_2 .nice-select .option:hover,
.color_2 .hero_slider .NextArrow:hover,
.color_2 .hero_slider .PrevArrow:hover,
.color_2 .post_carousel2 .owl-next:hover,
.color_2 .post_carousel2 .owl-prev:hover,
.color_2 .comment-respond input[type=submit]:hover,
.color_2 .blog_widget input[type='submit']:hover,
.color_2 .btn.btn__lg:hover,
.color_2 .btn.btn__sm:hover,
.color_2 .btn__xs:hover,
.color_2 .btn__sm.off-white:hover,
.color_2 .btn.btn__lg.white:hover {
    background: #00b0ea;
}

/*=================== Border CSS ===================*/
.color_2 .cta-type-3 .btn,
.color_2 .heading_title_1 hr,
.color_2 .service__body.boxed,
.color_2 .faq-section .panel-body,
.color_2 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_2 .video__content hr,
.color_2 .timeline_item:after,
.color_2 .Submit_button,
.color_2 .foxy_core_values_title:after,
.color_2 .sidebar_nav ul li:last-child {
    border-color: #26BDEF;
}

/*Hover border Color*/
.color_2 .price_btn .btn_type_3:hover,
.color_2 .tagcloud a:hover,
.color_2 .btn.btn__border:hover,
.color_2 .hero_slider .NextArrow:hover,
.color_2 .hero_slider .PrevArrow:hover,
.color_2 .cta-type-1 h6 a:hover {
    border-color: #00b0ea;
}

/*Color Group*/

.color_2 .btn.btn__border:hover {
    border-color: #00b0ea;
}
/*=================== Box Shadow CSS ===================*/
.color_2 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #00b0ea;
}
/***********************************************   
                    Color 3
***********************************************/
/*=================== Color CSS ===================*/

.color_3 a:hover,
.color_3 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_3 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_3 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_3 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_3 ul.dropdown_menu li a:hover,
.color_3 .nav-wrapper>ul>li.active>a,
.color_3 .nav-wrapper>ul>li.active>a>i,
.color_3 .nav-wrapper ul li a:hover,
.color_3 .service__sm .icon,
.color_3 .features__icon,
.color_3 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_3 .footer__widget ul li a:hover,
.color_3 .footer_bottom p a:hover,
.color_3 .feature_details i,
.color_3 .process_icon i,
.color_3 .package_title h1,
.color_3 .package_title span,
.color_3 .breadcrumb-type-1 .breadcrumb>.active,
.color_3 .team_member p a,
.color_3 .recognitions ul li a,
.color_3 .service_3_icon span,
.color_3 .subscribe_form i,
.color_3 .image-content-block .text-content a,
.color_3 .reply_btn .comment-reply-link,
.color_3 .nav_links a,
.color_3 .cta-type-1 h6 a:hover,
.color_3 .contact__phone a:hover,
.color_3 .blog_body a,
.color_3 .blog_body a i,
.color_3 .blog_header>ul>li a:hover,
.color_3 .tags li a:hover,
.color_3 .tagcloud a:hover,
.color_3 .blog_text a:hover h3,
.color_3 .blog_text a:hover,
.color_3 .blog_widget ul li a:hover,
.color_3 .recent_post li a:hover {
    color: #24CAE2;
}
.color_3 a.btn:hover {
    color: #fff;
}
/*=================== Bacground CSS ===================*/

.color_3 .loader__bar,
.color_3 .loader__ball,
.color_3 .bg__blue,
.color_3 .btn.btn__lg,
.color_3 .btn.btn__sm,
.color_3 .btn__xs,
.color_3 .nav-wrapper>ul>li:before,
.color_3 .nav-wrapper>ul>li.active>a:before,
.color_3 ul.dropdown_menu li:after,
.color_3 .search-form form button.search-submit,
.color_3 ul.dropdown_menu li:after,
.color_3 .hero_slider .slick-dots li,
.color_3 .hero_area_3 .vbox-item-1 i,
.color_3 .service_cta,
.color_3 .cta_3,
.color_3 .pricing_table.active .btn_type_3,
.color_3 .wpcf7-submit,
.color_3 .timeline:before,
.color_3 .sidebar_nav ul li:after,
.color_3 .cta-type-3 .btn:after,
.color_3 .related_service h4,
.color_3 .project_type .checkbox.checked,
.color_3 .sidebar_nav ul li:after,
.color_3 .pagination a.current {
    background: #24CAE2;
}
/*=================== Hover BG CSS ===================*/
.color_3 .btn.btn__lg:hover,
.color_3 .btn.btn__sm:hover,
.color_3 .btn__sm.off-white:hover,
.color_3 .btn__xs:hover,
.color_3 .btn.btn__border:hover,
.color_3 .btn.btn__lg.white:hover,
.color_3 .footer_bottom li:hover,
.color_3 .btn_type_3:hover,
.color_3 .service_3_icon:hover,
.color_3 .nice-select .option:hover,
.color_3 .hero_slider .NextArrow:hover,
.color_3 .hero_slider .PrevArrow:hover,
.color_3 .post_carousel2 .owl-next:hover,
.color_3 .post_carousel2 .owl-prev:hover,
.color_3 .comment-respond input[type=submit]:hover,
.color_3 .blog_widget input[type='submit']:hover,
.color_3 .btn.btn__lg:hover,
.color_3 .btn.btn__sm:hover,
.color_3 .btn__xs:hover,
.color_3 .btn__sm.off-white:hover,
.color_3 .btn.btn__lg.white:hover {
    background: #00b0ea;
}

/*=================== Border CSS ===================*/
.color_3 .cta-type-3 .btn,
.color_3 .heading_title_1 hr,
.color_3 .service__body.boxed,
.color_3 .faq-section .panel-body,
.color_3 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_3 .video__content hr,
.color_3 .timeline_item:after,
.color_3 .Submit_button,
.color_3 .foxy_core_values_title:after,
.color_3 .sidebar_nav ul li:last-child {
    border-color: #24CAE2;
}

/*Hover border Color*/
.color_3 .price_btn .btn_type_3:hover,
.color_3 .tagcloud a:hover,
.color_3 .btn.btn__border:hover,
.color_3 .hero_slider .NextArrow:hover,
.color_3 .hero_slider .PrevArrow:hover,
.color_3 .cta-type-1 h6 a:hover {
    border-color: #00b0ea;
}

/*Color Group*/

.color_3 .btn.btn__border:hover {
    border-color: #00b0ea;
}

.color_3 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #00b0ea;
}
/***********************************************   
                    Color 4
***********************************************/
/*=================== Color CSS ===================*/

.color_4 a:hover,
.color_4 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_4 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_4 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_4 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_4 ul.dropdown_menu li a:hover,
.color_4 .nav-wrapper>ul>li.active>a,
.color_4 .nav-wrapper>ul>li.active>a>i,
.color_4 .nav-wrapper ul li a:hover,
.color_4 .service__sm .icon,
.color_4 .features__icon,
.color_4 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_4 .footer__widget ul li a:hover,
.color_4 .footer_bottom p a:hover,
.color_4 .feature_details i,
.color_4 .process_icon i,
.color_4 .package_title h1,
.color_4 .package_title span,
.color_4 .breadcrumb-type-1 .breadcrumb>.active,
.color_4 .team_member p a,
.color_4 .recognitions ul li a,
.color_4 .service_3_icon span,
.color_4 .subscribe_form i,
.color_4 .image-content-block .text-content a,
.color_4 .reply_btn .comment-reply-link,
.color_4 .nav_links a,
.color_4 .cta-type-1 h6 a:hover,
.color_4 .contact__phone a:hover,
.color_4 .blog_body a,
.color_4 .blog_body a i,
.color_4 .blog_header>ul>li a:hover,
.color_4 .tags li a:hover,
.color_4 .tagcloud a:hover,
.color_4 .blog_text a:hover h3,
.color_4 .blog_text a:hover,
.color_4 .blog_widget ul li a:hover,
.color_4 .recent_post li a:hover {
    color: #425CBB;
}
.color_4 a.btn:hover {
    color: #fff;
}
/*=================== Bacground CSS ===================*/

.color_4 .loader__bar,
.color_4 .loader__ball,
.color_4 .bg__blue,
.color_4 .btn.btn__lg,
.color_4 .btn.btn__sm,
.color_4 .btn__xs,
.color_4 .nav-wrapper>ul>li:before,
.color_4 .nav-wrapper>ul>li.active>a:before,
.color_4 ul.dropdown_menu li:after,
.color_4 .search-form form button.search-submit,
.color_4 ul.dropdown_menu li:after,
.color_4 .hero_slider .slick-dots li,
.color_4 .hero_area_3 .vbox-item-1 i,
.color_4 .service_cta,
.color_4 .cta_3,
.color_4 .pricing_table.active .btn_type_3,
.color_4 .wpcf7-submit,
.color_4 .timeline:before,
.color_4 .sidebar_nav ul li:after,
.color_4 .cta-type-3 .btn:after,
.color_4 .related_service h4,
.color_4 .project_type .checkbox.checked,
.color_4 .sidebar_nav ul li:after,
.color_4 .pagination a.current {
    background: #425CBB;
}
/*=================== Hover BG CSS ===================*/
.color_4 .btn.btn__lg:hover,
.color_4 .btn.btn__sm:hover,
.color_4 .btn__sm.off-white:hover,
.color_4 .btn__xs:hover,
.color_4 .btn.btn__border:hover,
.color_4 .btn.btn__lg.white:hover,
.color_4 .footer_bottom li:hover,
.color_4 .btn_type_3:hover,
.color_4 .service_3_icon:hover,
.color_4 .nice-select .option:hover,
.color_4 .hero_slider .NextArrow:hover,
.color_4 .hero_slider .PrevArrow:hover,
.color_4 .post_carousel2 .owl-next:hover,
.color_4 .post_carousel2 .owl-prev:hover,
.color_4 .comment-respond input[type=submit]:hover,
.color_4 .blog_widget input[type='submit']:hover,
.color_4 .btn.btn__lg:hover,
.color_4 .btn.btn__sm:hover,
.color_4 .btn__xs:hover,
.color_4 .btn__sm.off-white:hover,
.color_4 .btn.btn__lg.white:hover {
    background: #4364dc;
}

/*=================== Border CSS ===================*/
.color_4 .cta-type-3 .btn,
.color_4 .heading_title_1 hr,
.color_4 .service__body.boxed,
.color_4 .faq-section .panel-body,
.color_4 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_4 .video__content hr,
.color_4 .timeline_item:after,
.color_4 .Submit_button,
.color_4 .foxy_core_values_title:after,
.color_4 .sidebar_nav ul li:last-child {
    border-color: #425CBB;
}

/*Hover border Color*/
.color_4 .price_btn .btn_type_3:hover,
.color_4 .tagcloud a:hover,
.color_4 .btn.btn__border:hover,
.color_4 .hero_slider .NextArrow:hover,
.color_4 .hero_slider .PrevArrow:hover,
.color_4 .cta-type-1 h6 a:hover {
    border-color: #4364dc;
}


/*Color Group*/
.color_4 .btn.btn__border:hover {
    border-color: #4364dc;
}

.color_4 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #4364dc;
}
/***********************************************   
                    Color 5
***********************************************/
/*=================== Color CSS ===================*/

.color_5 a:hover,
.color_5 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_5 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_5 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_5 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_5 ul.dropdown_menu li a:hover,
.color_5 .nav-wrapper>ul>li.active>a,
.color_5 .nav-wrapper>ul>li.active>a>i,
.color_5 .nav-wrapper ul li a:hover,
.color_5 .service__sm .icon,
.color_5 .features__icon,
.color_5 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_5 .footer__widget ul li a:hover,
.color_5 .footer_bottom p a:hover,
.color_5 .feature_details i,
.color_5 .process_icon i,
.color_5 .package_title h1,
.color_5 .package_title span,
.color_5 .breadcrumb-type-1 .breadcrumb>.active,
.color_5 .team_member p a,
.color_5 .recognitions ul li a,
.color_5 .service_3_icon span,
.color_5 .subscribe_form i,
.color_5 .image-content-block .text-content a,
.color_5 .reply_btn .comment-reply-link,
.color_5 .nav_links a,
.color_5 .cta-type-1 h6 a:hover,
.color_5 .contact__phone a:hover,
.color_5 .blog_body a,
.color_5 .blog_body a i,
.color_5 .blog_header>ul>li a:hover,
.color_5 .tags li a:hover,
.color_5 .tagcloud a:hover,
.color_5 .blog_text a:hover h3,
.color_5 .blog_text a:hover,
.color_5 .blog_widget ul li a:hover,
.color_5 .recent_post li a:hover {
    color: #534bc7;
}
.color_5 a.btn:hover {
    color: #fff;
}
/*=================== Bacground CSS ===================*/

.color_5 .loader__bar,
.color_5 .loader__ball,
.color_5 .bg__blue,
.color_5 .btn.btn__lg,
.color_5 .btn.btn__sm,
.color_5 .btn__xs,
.color_5 .nav-wrapper>ul>li:before,
.color_5 .nav-wrapper>ul>li.active>a:before,
.color_5 ul.dropdown_menu li:after,
.color_5 .search-form form button.search-submit,
.color_5 ul.dropdown_menu li:after,
.color_5 .hero_slider .slick-dots li,
.color_5 .hero_area_3 .vbox-item-1 i,
.color_5 .service_cta,
.color_5 .cta_3,
.color_5 .pricing_table.active .btn_type_3,
.color_5 .wpcf7-submit,
.color_5 .timeline:before,
.color_5 .sidebar_nav ul li:after,
.color_5 .cta-type-3 .btn:after,
.color_5 .related_service h4,
.color_5 .project_type .checkbox.checked,
.color_5 .sidebar_nav ul li:after,
.color_5 .pagination a.current {
    background: #534bc7;
}
/*=================== Hover BG CSS ===================*/
.color_5 .btn.btn__lg:hover,
.color_5 .btn.btn__sm:hover,
.color_5 .btn__sm.off-white:hover,
.color_5 .btn__xs:hover,
.color_5 .btn.btn__border:hover,
.color_5 .btn.btn__lg.white:hover,
.color_5 .footer_bottom li:hover,
.color_5 .btn_type_3:hover,
.color_5 .service_3_icon:hover,
.color_5 .nice-select .option:hover,
.color_5 .hero_slider .NextArrow:hover,
.color_5 .hero_slider .PrevArrow:hover,
.color_5 .post_carousel2 .owl-next:hover,
.color_5 .post_carousel2 .owl-prev:hover,
.color_5 .comment-respond input[type=submit]:hover,
.color_5 .blog_widget input[type='submit']:hover,
.color_5 .btn.btn__lg:hover,
.color_5 .btn.btn__sm:hover,
.color_5 .btn__xs:hover,
.color_5 .btn__sm.off-white:hover,
.color_5 .btn.btn__lg.white:hover {
    background: #635cd2;
}
/*=================== Border CSS ===================*/
.color_5 .cta-type-3 .btn,
.color_5 .heading_title_1 hr,
.color_5 .service__body.boxed,
.color_5 .faq-section .panel-body,
.color_5 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_5 .video__content hr,
.color_5 .timeline_item:after,
.color_5 .Submit_button,
.color_5 .foxy_core_values_title:after,
.color_5 .sidebar_nav ul li:last-child {
    border-color: #534bc7;
}

/*Hover border Color*/
.color_5 .price_btn .btn_type_3:hover,
.color_5 .tagcloud a:hover,
.color_5 .btn.btn__border:hover,
.color_5 .hero_slider .NextArrow:hover,
.color_5 .hero_slider .PrevArrow:hover,
.color_5 .cta-type-1 h6 a:hover {
    border-color: #635cd2;
}

/*Color Group*/

.color_5 .btn.btn__border:hover {
    border-color: #635cd2;
}
/*=================== Box Shadow CSS ===================*/

.color_5 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #635cd2;
}
/***********************************************   
                    Color 6
***********************************************/
/*=================== Color CSS ===================*/

.color_6 a:hover,
.color_6 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_6 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_6 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_6 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_6 ul.dropdown_menu li a:hover,
.color_6 .nav-wrapper>ul>li.active>a,
.color_6 .nav-wrapper>ul>li.active>a>i,
.color_6 .nav-wrapper ul li a:hover,
.color_6 .service__sm .icon,
.color_6 .features__icon,
.color_6 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_6 .footer__widget ul li a:hover,
.color_6 .footer_bottom p a:hover,
.color_6 .feature_details i,
.color_6 .process_icon i,
.color_6 .package_title h1,
.color_6 .package_title span,
.color_6 .breadcrumb-type-1 .breadcrumb>.active,
.color_6 .team_member p a,
.color_6 .recognitions ul li a,
.color_6 .service_3_icon span,
.color_6 .subscribe_form i,
.color_6 .image-content-block .text-content a,
.color_6 .reply_btn .comment-reply-link,
.color_6 .nav_links a,
.color_6 .cta-type-1 h6 a:hover,
.color_6 .contact__phone a:hover,
.color_6 .blog_body a,
.color_6 .blog_body a i,
.color_6 .blog_header>ul>li a:hover,
.color_6 .tags li a:hover,
.color_6 .tagcloud a:hover,
.color_6 .blog_text a:hover h3,
.color_6 .blog_text a:hover,
.color_6 .blog_widget ul li a:hover,
.color_6 .recent_post li a:hover {
    color: #099AAD;
}
.color_6 a.btn:hover {
    color: #fff;
}
/*=================== Bacground CSS ===================*/
.color_6 .loader__bar,
.color_6 .loader__ball,
.color_6 .bg__blue,
.color_6 .btn.btn__lg,
.color_6 .btn.btn__sm,
.color_6 .btn__xs,
.color_6 .nav-wrapper>ul>li:before,
.color_6 .nav-wrapper>ul>li.active>a:before,
.color_6 ul.dropdown_menu li:after,
.color_6 .search-form form button.search-submit,
.color_6 ul.dropdown_menu li:after,
.color_6 .hero_slider .slick-dots li,
.color_6 .hero_area_3 .vbox-item-1 i,
.color_6 .service_cta,
.color_6 .cta_3,
.color_6 .pricing_table.active .btn_type_3,
.color_6 .wpcf7-submit,
.color_6 .timeline:before,
.color_6 .service_3_icon:hover,
.color_6 .sidebar_nav ul li:after,
.color_6 .cta-type-3 .btn:after,
.color_6 .related_service h4,
.color_6 .project_type .checkbox.checked,
.color_6 .sidebar_nav ul li:after,
.color_6 .pagination a.current {
    background: #099AAD;
}

/*=================== Hover BG CSS ===================*/
.color_6 .btn.btn__lg:hover,
.color_6 .btn.btn__sm:hover,
.color_6 .btn__sm.off-white:hover,
.color_6 .btn__xs:hover,
.color_6 .btn.btn__border:hover,
.color_6 .btn.btn__lg.white:hover,
.color_6 .footer_bottom li:hover,
.color_6 .btn_type_3:hover,
.color_6 .service_3_icon:hover,
.color_6 .nice-select .option:hover,
.color_6 .hero_slider .NextArrow:hover,
.color_6 .hero_slider .PrevArrow:hover,
.color_6 .post_carousel2 .owl-next:hover,
.color_6 .post_carousel2 .owl-prev:hover,
.color_6 .comment-respond input[type=submit]:hover,
.color_6 .blog_widget input[type='submit']:hover,
.color_6 .btn.btn__lg:hover,
.color_6 .btn.btn__sm:hover,
.color_6 .btn__xs:hover,
.color_6 .btn__sm.off-white:hover,
.color_6 .btn.btn__lg.white:hover {
    background: #0ab9d0;
}

/*=================== Border CSS ===================*/
.color_6 .cta-type-3 .btn,
.color_6 .heading_title_1 hr,
.color_6 .service__body.boxed,
.color_6 .faq-section .panel-body,
.color_6 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_6 .video__content hr,
.color_6 .timeline_item:after,
.color_6 .Submit_button,
.color_6 .foxy_core_values_title:after,
.color_6 .sidebar_nav ul li:last-child {
    border-color: #099AAD;
}

/*Hover border Color*/
.color_6 .price_btn .btn_type_3:hover,
.color_6 .tagcloud a:hover,
.color_6 .btn.btn__border:hover,
.color_6 .hero_slider .NextArrow:hover,
.color_6 .hero_slider .PrevArrow:hover,
.color_6 .cta-type-1 h6 a:hover {
    border-color: #0ab9d0;
}


/*Color Group*/
.color_6 .btn.btn__border:hover {
    border-color: #0ab9d0;
}
/*=================== Box Shadow CSS ===================*/

.color_6 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #0ab9d0;
}
/***********************************************   
                    Color 7
***********************************************/
/*=================== Color CSS ===================*/

.color_7 a:hover,
.color_7 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_7 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_7 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_7 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_7 ul.dropdown_menu li a:hover,
.color_7 .nav-wrapper>ul>li.active>a,
.color_7 .nav-wrapper>ul>li.active>a>i,
.color_7 .nav-wrapper ul li a:hover,
.color_7 .service__sm .icon,
.color_7 .features__icon,
.color_7 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_7 .footer__widget ul li a:hover,
.color_7 .footer_bottom p a:hover,
.color_7 .feature_details i,
.color_7 .process_icon i,
.color_7 .package_title h1,
.color_7 .package_title span,
.color_7 .breadcrumb-type-1 .breadcrumb>.active,
.color_7 .team_member p a,
.color_7 .recognitions ul li a,
.color_7 .service_3_icon span,
.color_7 .subscribe_form i,
.color_7 .image-content-block .text-content a,
.color_7 .reply_btn .comment-reply-link,
.color_7 .nav_links a,
.color_7 .cta-type-1 h6 a:hover,
.color_7 .contact__phone a:hover,
.color_7 .blog_body a,
.color_7 .blog_body a i,
.color_7 .blog_header>ul>li a:hover,
.color_7 .tags li a:hover,
.color_7 .tagcloud a:hover,
.color_7 .blog_text a:hover h3,
.color_7 .blog_text a:hover,
.color_7 .blog_widget ul li a:hover,
.color_7 .recent_post li a:hover {
    color: #3EA98D;
}
.color_7 a.btn:hover {
    color: #fff;
}
/*=================== Bacground CSS ===================*/

.color_7 .loader__bar,
.color_7 .loader__ball,
.color_7 .bg__blue,
.color_7 .btn.btn__lg,
.color_7 .btn.btn__sm,
.color_7 .btn__xs,
.color_7 .nav-wrapper>ul>li:before,
.color_7 .nav-wrapper>ul>li.active>a:before,
.color_7 ul.dropdown_menu li:after,
.color_7 .search-form form button.search-submit,
.color_7 ul.dropdown_menu li:after,
.color_7 .hero_slider .slick-dots li,
.color_7 .hero_area_3 .vbox-item-1 i,
.color_7 .service_cta,
.color_7 .cta_3,
.color_7 .pricing_table.active .btn_type_3,
.color_7 .wpcf7-submit,
.color_7 .timeline:before,
.color_7 .service_3_icon:hover,
.color_7 .sidebar_nav ul li:after,
.color_7 .cta-type-3 .btn:after,
.color_7 .related_service h4,
.color_7 .project_type .checkbox.checked,
.color_7 .sidebar_nav ul li:after,
.color_7 .pagination a.current {
    background: #3EA98D;
}

/*=================== Hover BG CSS ===================*/
.color_7 .btn.btn__lg:hover,
.color_7 .btn.btn__sm:hover,
.color_7 .btn__sm.off-white:hover,
.color_7 .btn__xs:hover,
.color_7 .btn.btn__border:hover,
.color_7 .btn.btn__lg.white:hover,
.color_7 .footer_bottom li:hover,
.color_7 .btn_type_3:hover,
.color_7 .service_3_icon:hover,
.color_7 .nice-select .option:hover,
.color_7 .hero_slider .NextArrow:hover,
.color_7 .hero_slider .PrevArrow:hover,
.color_7 .post_carousel2 .owl-next:hover,
.color_7 .post_carousel2 .owl-prev:hover,
.color_7 .comment-respond input[type=submit]:hover,
.color_7 .blog_widget input[type='submit']:hover,
.color_7 .btn.btn__lg:hover,
.color_7 .btn.btn__sm:hover,
.color_7 .btn__xs:hover,
.color_7 .btn__sm.off-white:hover,
.color_7 .btn.btn__lg.white:hover {
    background: #249275;
}
/*=================== Border CSS ===================*/
.color_7 .cta-type-3 .btn,
.color_7 .heading_title_1 hr,
.color_7 .service__body.boxed,
.color_7 .faq-section .panel-body,
.color_7 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_7 .video__content hr,
.color_7 .timeline_item:after,
.color_7 .Submit_button,
.color_7 .foxy_core_values_title:after,
.color_7 .sidebar_nav ul li:last-child {
    border-color: #3EA98D;
}

/*Hover border Color*/
.color_7 .price_btn .btn_type_3:hover,
.color_7 .tagcloud a:hover,
.color_7 .btn.btn__border:hover,
.color_7 .hero_slider .NextArrow:hover,
.color_7 .hero_slider .PrevArrow:hover,
.color_7 .cta-type-1 h6 a:hover {
    border-color: #249275;
}

/*Color Group*/

.color_7 .btn.btn__border:hover {
    border-color: #249275;
}
/*=================== Box Shadow CSS ===================*/
.color_7 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #249275;
}
/***********************************************   
                    Color 8
***********************************************/
/*=================== Color CSS ===================*/

.color_8 a:hover,
.color_8 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_8 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_8 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_8 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_8 ul.dropdown_menu li a:hover,
.color_8 .nav-wrapper>ul>li.active>a,
.color_8 .nav-wrapper>ul>li.active>a>i,
.color_8 .nav-wrapper ul li a:hover,
.color_8 .service__sm .icon,
.color_8 .features__icon,
.color_8 .footer__widget ul li a:hover,
.color_8 .footer_bottom p a:hover,
.color_8 .feature_details i,
.color_8 .process_icon i,
.color_8 .package_title h1,
.color_8 .package_title span,
.color_8 .breadcrumb-type-1 .breadcrumb>.active,
.color_8 .team_member p a,
.color_8 .recognitions ul li a,
.color_8 .service_3_icon span,
.color_8 .subscribe_form i,
.color_8 .image-content-block .text-content a,
.color_8 .reply_btn .comment-reply-link,
.color_8 .nav_links a,
.color_8 .cta-type-1 h6 a:hover,
.color_8 .contact__phone a:hover,
.color_8 .blog_body a,
.color_8 .blog_body a i,
.color_8 .blog_header>ul>li a:hover,
.color_8 .tags li a:hover,
.color_8 .tagcloud a:hover,
.color_8 .blog_text a:hover h3,
.color_8 .blog_text a:hover,
.color_8 .blog_widget ul li a:hover,
.color_8 .recent_post li a:hover {
    color: #47b475;
}
.color_8 a.btn:hover {
    color: #fff;
}

/*=================== Border CSS ===================*/
.color_8 .cta-type-3 .btn,
.color_8 .heading_title_1 hr,
.color_8 .service__body.boxed,
.color_8 .faq-section .panel-body,
.color_8 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_8 .video__content hr,
.color_8 .timeline_item:after,
.color_8 .Submit_button,
.color_8 .foxy_core_values_title:after,
.color_8 .sidebar_nav ul li:last-child {
    border-color: #47b475;
}
/*=================== Bacground CSS ===================*/

.color_8 .loader__bar,
.color_8 .loader__ball,
.color_8 .bg__blue,
.color_8 .btn.btn__lg,
.color_8 .btn.btn__sm,
.color_8 .btn__xs,
.color_8 .nav-wrapper>ul>li:before,
.color_8 .nav-wrapper>ul>li.active>a:before,
.color_8 ul.dropdown_menu li:after,
.color_8 .search-form form button.search-submit,
.color_8 ul.dropdown_menu li:after,
.color_8 .hero_area_3 .vbox-item-1 i,
.color_8 .hero_slider .slick-dots li,
.color_8 .service_cta,
.color_8 .cta_3,
.color_8 .pricing_table.active .btn_type_3,
.color_8 .wpcf7-submit,
.color_8 .timeline:before,
.color_8 .sidebar_nav ul li:after,
.color_8 .cta-type-3 .btn:after,
.color_8 .related_service h4,
.color_8 .project_type .checkbox.checked,
.color_8 .sidebar_nav ul li:after,
.color_8 .pagination a.current {
    background: #47b475;
}

/*=================== Hover BG CSS ===================*/
.color_8 .btn.btn__lg:hover,
.color_8 .btn.btn__sm:hover,
.color_8 .btn__sm.off-white:hover,
.color_8 .btn__xs:hover,
.color_8 .btn.btn__border:hover,
.color_8 .btn.btn__lg.white:hover,
.color_8 .footer_bottom li:hover,
.color_8 .btn_type_3:hover,
.color_8 .service_3_icon:hover,
.color_8 .nice-select .option:hover,
.color_8 .hero_slider .NextArrow:hover,
.color_8 .hero_slider .PrevArrow:hover,
.color_8 .post_carousel2 .owl-next:hover,
.color_8 .post_carousel2 .owl-prev:hover,
.color_8 .comment-respond input[type=submit]:hover,
.color_8 .blog_widget input[type='submit']:hover,
.color_8 .btn.btn__lg:hover,
.color_8 .btn.btn__sm:hover,
.color_8 .btn__xs:hover,
.color_8 .btn__sm.off-white:hover,
.color_8 .btn.btn__lg.white:hover {
    background: #41cc7b;
}

/*=================== Border CSS ===================*/
.color_8 .price_btn .btn_type_3:hover,
.color_8 .tagcloud a:hover,
.color_8 .btn.btn__border:hover,
.color_8 .hero_slider .NextArrow:hover,
.color_8 .hero_slider .PrevArrow:hover,
.color_8 .cta-type-1 h6 a:hover  {
    border-color: #41cc7b;
}
/*Color Group*/

.color_8 .btn.btn__border:hover {
    border-color: #41cc7b;
}
/*=================== Box Shadow CSS ===================*/
.color_8 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #41cc7b;
}
/***********************************************   
                    Color 9
***********************************************/
/*=================== Color CSS ===================*/

.color_9 a:hover,
.color_9 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_9 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_9 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_9 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_9 ul.dropdown_menu li a:hover,
.color_9 .nav-wrapper>ul>li.active>a,
.color_9 .nav-wrapper>ul>li.active>a>i,
.color_9 .nav-wrapper ul li a:hover,
.color_9 .service__sm .icon,
.color_9 .features__icon,
.color_9 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_9 .footer__widget ul li a:hover,
.color_9 .footer_bottom p a:hover,
.color_9 .feature_details i,
.color_9 .hero_slider .slick-dots li,
.color_9 .process_icon i,
.color_9 .package_title h1,
.color_9 .package_title span,
.color_9 .breadcrumb-type-1 .breadcrumb>.active,
.color_9 .team_member p a,
.color_9 .recognitions ul li a,
.color_9 .service_3_icon span,
.color_9 .subscribe_form i,
.color_9 .image-content-block .text-content a,
.color_9 .reply_btn .comment-reply-link,
.color_9 .nav_links a,
.color_9 .cta-type-1 h6 a:hover,
.color_9 .contact__phone a:hover,
.color_9 .blog_body a,
.color_9 .blog_body a i,
.color_9 .blog_header>ul>li a:hover,
.color_9 .tags li a:hover,
.color_9 .tagcloud a:hover,
.color_9 .blog_text a:hover h3,
.color_9 .blog_text a:hover,
.color_9 .blog_widget ul li a:hover,
.color_9 .recent_post li a:hover {
    color: #FC4F4F;
}
.color_9 a.btn:hover {
    color: #fff;
}
/*=================== Border CSS ===================*/

.color_9 .cta-type-3 .btn,
.color_9 .heading_title_1 hr,
.color_9 .service__body.boxed,
.color_9 .faq-section .panel-body,
.color_9 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_9 .video__content hr,
.color_9 .timeline_item:after,
.color_9 .Submit_button,
.color_9 .foxy_core_values_title:after,
.color_9 .sidebar_nav ul li:last-child {
    border-color: #FC4F4F;
}
/*=================== Bacground CSS ===================*/

.color_9 .loader__bar,
.color_9 .loader__ball,
.color_9 .bg__blue,
.color_9 .btn.btn__lg,
.color_9 .btn.btn__sm,
.color_9 .btn__xs,
.color_9 .nav-wrapper>ul>li.active>a:before,
.color_9 ul.dropdown_menu li:after,
.color_9 .search-form form button.search-submit,
.color_9 ul.dropdown_menu li:after,
.color_9 .hero_area_3 .vbox-item-1 i,
.color_9 .service_cta,
.color_9 .cta_3,
.color_9 .pricing_table.active .btn_type_3,
.color_9 .wpcf7-submit,
.color_9 .timeline:before,
.color_9 .sidebar_nav ul li:after,
.color_9 .cta-type-3 .btn:after,
.color_9 .related_service h4,
.color_9 .project_type .checkbox.checked,
.color_9 .sidebar_nav ul li:after,
.color_9 .pagination a.current {
    background: #FC4F4F;
}

/*=================== Hover BG CSS ===================*/
.color_9 .btn.btn__lg:hover,
.color_9 .btn.btn__sm:hover,
.color_9 .btn__sm.off-white:hover,
.color_9 .btn__xs:hover,
.color_9 .btn.btn__border:hover,
.color_9 .btn.btn__lg.white:hover,
.color_9 .footer_bottom li:hover,
.color_9 .btn_type_3:hover,
.color_9 .service_3_icon:hover,
.color_9 .nice-select .option:hover,
.color_9 .hero_slider .NextArrow:hover,
.color_9 .hero_slider .PrevArrow:hover,
.color_9 .post_carousel2 .owl-next:hover,
.color_9 .post_carousel2 .owl-prev:hover,
.color_9 .comment-respond input[type=submit]:hover,
.color_9 .blog_widget input[type='submit']:hover,
.color_9 .btn.btn__lg:hover,
.color_9 .btn.btn__sm:hover,
.color_9 .btn__xs:hover,
.color_9 .btn__sm.off-white:hover,
.color_9 .btn.btn__lg.white:hover {
    background: #de4343;
}

/*=================== Border CSS ===================*/
.color_9 .price_btn .btn_type_3:hover,
.color_9 .tagcloud a:hover,
.color_9 .btn.btn__border:hover,
.color_9 .hero_slider .NextArrow:hover,
.color_9 .hero_slider .PrevArrow:hover,
.color_9 .cta-type-1 h6 a:hover  {
    border-color: #de4343;
}
/*Color Group*/

.color_9 .btn.btn__border:hover {
    border-color: #de4343;
}
/*=================== Box Shadow CSS ===================*/

.color_9 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #de4343;
}
/***********************************************   
                    Color 10
***********************************************/
/*=================== Color CSS ===================*/

.color_10 a:hover,
.color_10 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_10 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_10 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_10 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_10 ul.dropdown_menu li a:hover,
.color_10 .nav-wrapper>ul>li.active>a,
.color_10 .nav-wrapper>ul>li.active>a>i,
.color_10 .nav-wrapper ul li a:hover,
.color_10 .service__sm .icon,
.color_10 .features__icon,
.color_10 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_10 .footer__widget ul li a:hover,
.color_10 .footer_bottom p a:hover,
.color_10 .feature_details i,
.color_10 .process_icon i,
.color_10 .package_title h1,
.color_10 .package_title span,
.color_10 .breadcrumb-type-1 .breadcrumb>.active,
.color_10 .team_member p a,
.color_10 .recognitions ul li a,
.color_10 .service_3_icon span,
.color_10 .subscribe_form i,
.color_10 .image-content-block .text-content a,
.color_10 .reply_btn .comment-reply-link,
.color_10 .nav_links a,
.color_10 .cta-type-1 h6 a:hover,
.color_10 .contact__phone a:hover,
.color_10 .blog_body a,
.color_10 .blog_body a i,
.color_10 .blog_header>ul>li a:hover,
.color_10 .tags li a:hover,
.color_10 .tagcloud a:hover,
.color_10 .blog_text a:hover h3,
.color_10 .blog_text a:hover,
.color_10 .blog_widget ul li a:hover,
.color_10 .recent_post li a:hover {
    color: #E1B24F;
}
.color_10 a.btn:hover,
.service_3_icon:hover span {
    color: #fff;
}
/*=================== Bacground CSS ===================*/

.color_10 .loader__bar,
.color_10 .loader__ball,
.color_10 .bg__blue,
.color_10 .btn.btn__lg,
.color_10 .btn.btn__sm,
.color_10 .btn__xs,
.color_10 .nav-wrapper>ul>li:before,
.color_10 .nav-wrapper>ul>li.active>a:before,
.color_10 ul.dropdown_menu li:after,
.color_10 .search-form form button.search-submit,
.color_10 ul.dropdown_menu li:after,
.color_10 .hero_area_3 .vbox-item-1 i,
.color_10 .hero_slider .slick-dots li,
.color_10 .service_cta,
.color_10 .cta_3,
.color_10 .pricing_table.active .btn_type_3,
.color_10 .wpcf7-submit,
.color_10 .timeline:before,
.color_10 .service_3_icon:hover,
.color_10 .sidebar_nav ul li:after,
.color_10 .cta-type-3 .btn:after,
.color_10 .related_service h4,
.color_10 .project_type .checkbox.checked,
.color_10 .sidebar_nav ul li:after,
.color_10 .pagination a.current {
    background: #E1B24F;
}
/*=================== Border CSS ===================*/

.color_10 .cta-type-3 .btn,
.color_10 .heading_title_1 hr,
.color_10 .service__body.boxed,
.color_10 .faq-section .panel-body,
.color_10 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_10 .video__content hr,
.color_10 .timeline_item:after,
.color_10 .Submit_button,
.color_10 .foxy_core_values_title:after,
.color_10 .sidebar_nav ul li:last-child {
    border-color: #E1B24F;
}
/*=================== Hover BG CSS ===================*/
.color_10 .btn.btn__lg:hover,
.color_10 .btn.btn__sm:hover,
.color_10 .btn__sm.off-white:hover,
.color_10 .btn__xs:hover,
.color_10 .btn.btn__border:hover,
.color_10 .btn.btn__lg.white:hover,
.color_10 .footer_bottom li:hover,
.color_10 .btn_type_3:hover,
.color_10 .service_3_icon:hover,
.color_10 .nice-select .option:hover,
.color_10 .hero_slider .NextArrow:hover,
.color_10 .hero_slider .PrevArrow:hover,
.color_10 .post_carousel2 .owl-next:hover,
.color_10 .post_carousel2 .owl-prev:hover,
.color_10 .comment-respond input[type=submit]:hover,
.color_10 .blog_widget input[type='submit']:hover,
.color_10 .btn.btn__lg:hover,
.color_10 .btn.btn__sm:hover,
.color_10 .btn__xs:hover,
.color_10 .btn__sm.off-white:hover,
.color_10 .btn.btn__lg.white:hover {
    background: #c79b3d;
}

/*Hover border Color*/
.color_10 .price_btn .btn_type_3:hover,
.color_10 .tagcloud a:hover,
.color_10 .btn.btn__border:hover,
.color_10 .hero_slider .NextArrow:hover,
.color_10 .hero_slider .PrevArrow:hover,
.color_10 .cta-type-1 h6 a:hover {
    border-color: #c79b3d;
}
/*Color Group*/

.color_10 .btn.btn__border:hover {
    border-color: #c79b3d;
}
/*=================== Box Shadow CSS ===================*/
.color_10 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #c79b3d;
}
/***********************************************   
                    Color 11
***********************************************/
/*=================== Color CSS ===================*/

.color_11 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_11 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_11 .nav-wrapper>ul>li.active>a,
.color_11 .nav-wrapper>ul>li.active>a>i,
.color_11 .service__sm .icon,
.color_11 .features__icon,
.color_11 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_11 .feature_details i,
.color_11 .process_icon i,
.color_11 .package_title h1,
.color_11 .package_title span,
.color_11 .breadcrumb-type-1 .breadcrumb>.active,
.color_11 .team_member p a,
.color_11 .recognitions ul li a,
.color_11 .service_3_icon span,
.color_11 .subscribe_form i,
.color_11 .image-content-block .text-content a,
.color_11 .reply_btn .comment-reply-link,
.color_11 .nav_links a {
    color: #B2DD4C;
}
/*Dark*/
.color_11 .service_cta h3,
.color_11 .cta_2 .cta__content h2,
.color_11 .cta_2 .cta__content p,
.color_11 .bg__blue,
.color_11 .btn.btn__lg,
.color_11 .btn.btn__sm,
.color_11 .btn__xs,
.color_11 .pagination a.current,
.color_11 .service_3_icon:hover span,
.color_11 a.btn:hover,
.color_11 .btn_type_3:hover,
.color_11 .footer_bottom li:hover a,
.color_11 .sidebar_nav ul li a:hover {
    color: #23262e;
}
.color_11 .btn.btn__black,
.color_11 a.btn.btn__sm.btn__black{
    color: #fff;
}
/*=================== Bacground CSS ===================*/

.color_11 .loader__bar,
.color_11 .loader__ball,
.color_11 .bg__blue,
.color_11 .btn.btn__lg,
.color_11 .btn.btn__sm,
.color_11 .btn__xs,
.color_11 .nav-wrapper>ul>li:before,
.color_11 .nav-wrapper>ul>li.active>a:before,
.color_11 ul.dropdown_menu li:after,
.color_11 .search-form form button.search-submit,
.color_11 ul.dropdown_menu li:after,
.color_11 .hero_slider .slick-dots li,
.color_11 .hero_area_3 .vbox-item-1 i,
.color_11 .service_cta,
.color_11 .cta_3,
.color_11 .pricing_table.active .btn_type_3,
.color_11 .wpcf7-submit,
.color_11 .timeline:before,
.color_11 .sidebar_nav ul li:after,
.color_11 .cta-type-3 .btn:after,
.color_11 .related_service h4,
.color_11 .project_type .checkbox.checked,
.color_11 .sidebar_nav ul li:after,
.color_11 .pagination a.current {
    background: #B2DD4C;
}
/*=================== Border CSS ===================*/

.color_11 .cta-type-3 .btn,
.color_11 .heading_title_1 hr,
.color_11 .service__body.boxed,
.color_11 .faq-section .panel-body,
.color_11 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_11 .video__content hr,
.color_11 .timeline_item:after,
.color_11 .Submit_button,
.color_11 .foxy_core_values_title:after,
.color_11 .sidebar_nav ul li:last-child {
    border-color: #B2DD4C;
}
/*=================== Box Shadow CSS ===================*/
/*Hover Color*/

.color_11 a:hover,
.color_11 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_11 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_11 ul.dropdown_menu li a:hover,
.color_11 .nav-wrapper ul li a:hover,
.color_11 .footer__widget ul li a:hover,
.color_11 .footer_bottom p a:hover,
.color_11 .cta-type-1 h6 a:hover,
.color_11 .contact__phone a:hover,
.color_11 .blog_header>ul>li a:hover,
.color_11 .tags li a:hover,
.color_11 .tagcloud a:hover,
.color_11 .blog_text a:hover h3,
.color_11 .blog_text a:hover,
.color_11 .blog_widget ul li a:hover,
.color_11 .recent_post li a:hover {
    color: #9ec347;
}

/*=================== Hover BG CSS ===================*/
.color_11 .btn.btn__lg:hover,
.color_11 .btn.btn__sm:hover,
.color_11 .btn__sm.off-white:hover,
.color_11 .btn__xs:hover,
.color_11 .btn.btn__border:hover,
.color_11 .btn.btn__lg.white:hover,
.color_11 .footer_bottom li:hover,
.color_11 .btn_type_3:hover,
.color_11 .service_3_icon:hover,
.color_11 .nice-select .option:hover,
.color_11 .hero_slider .NextArrow:hover,
.color_11 .hero_slider .PrevArrow:hover,
.color_11 .post_carousel2 .owl-next:hover,
.color_11 .post_carousel2 .owl-prev:hover,
.color_11 .comment-respond input[type=submit]:hover,
.color_11 .blog_widget input[type='submit']:hover,
.color_11 .btn.btn__lg:hover,
.color_11 .btn.btn__sm:hover,
.color_11 .btn__xs:hover,
.color_11 .btn__sm.off-white:hover,
.color_11 .btn.btn__lg.white:hover {
    background: #9ec347;
}

/*Hover border Color*/
.color_11 .price_btn .btn_type_3:hover,
.color_11 .tagcloud a:hover,
.color_11 .btn.btn__border:hover,
.color_11 .hero_slider .NextArrow:hover,
.color_11 .hero_slider .PrevArrow:hover,
.color_11 .cta-type-1 h6 a:hover {
    border-color: #9ec347;
}
.color_11 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #9ec347;
}
/***********************************************   
                    Color 12
***********************************************/
/*=================== Color CSS ===================*/

.color_12 header.pixinav.dark .nav-wrapper>ul>li.active>a,
.color_12 header.pixinav.dark .nav-wrapper>ul>li.active>a>i,
.color_12 .nav-wrapper>ul>li.active>a,
.color_12 .nav-wrapper>ul>li.active>a>i,
.color_12 .service__sm .icon,
.color_12 .features__icon,
.color_12 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_12 .feature_details i,
.color_12 .process_icon i,
.color_12 .package_title h1,
.color_12 .package_title span,
.color_12 .breadcrumb-type-1 .breadcrumb>.active,
.color_12 .team_member p a,
.color_12 .recognitions ul li a,
.color_12 .service_3_icon span,
.color_12 .subscribe_form i,
.color_12 .image-content-block .text-content a,
.color_12 .reply_btn .comment-reply-link,
.color_12 .nav_links a {
    color: #5f5f5f;
}
/*Dark*/
.color_12 .service_cta h3,
.color_12 .cta_2 .cta__content h2,
.color_12 .cta_2 .cta__content p,
.color_12 .bg__blue,
.color_12 .btn.btn__lg,
.color_12 .btn.btn__sm,
.color_12 .btn__xs,
.color_12 .pagination a.current,
.color_12 .service_3_icon:hover span,
.color_12 a.btn:hover,
.color_12 .btn_type_3:hover,
.color_12 .footer_bottom li:hover a,
.color_12 .sidebar_nav ul li a:hover{
    color: #23262e;
}
.color_12 .btn.btn__black,
.color_12 a.btn.btn__sm.btn__black{
    color: #fff;
}

/*=================== Bacground CSS ===================*/

.color_12 .loader__bar,
.color_12 .loader__ball,
.color_12 .bg__blue,
.color_12 .btn.btn__lg,
.color_12 .btn.btn__sm,
.color_12 .btn__xs,
.color_12 .nav-wrapper>ul>li:before,
.color_12 .nav-wrapper>ul>li.active>a:before,
.color_12 ul.dropdown_menu li:after,
.color_12 .search-form form button.search-submit,
.color_12 ul.dropdown_menu li:after,
.color_12 .hero_slider .slick-dots li,
.color_12 .hero_area_3 .vbox-item-1 i,
.color_12 .service_cta,
.color_12 .cta_3,
.color_12 .pricing_table.active .btn_type_3,
.color_12 .wpcf7-submit,
.color_12 .timeline:before,
.color_12 .sidebar_nav ul li:after,
.color_12 .cta-type-3 .btn:after,
.color_12 .related_service h4,
.color_12 .project_type .checkbox.checked,
.color_12 .sidebar_nav ul li:after,
.color_12 .pagination a.current {
    background: #F7F7F7;
}
/*=================== Border CSS ===================*/

.color_12 .cta-type-3 .btn,
.color_12 .heading_title_1 hr,
.color_12 .service__body.boxed,
.color_12 .faq-section .panel-body,
.color_12 .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body,
.color_12 .video__content hr,
.color_12 .timeline_item:after,
.color_12 .Submit_button,
.color_12 .foxy_core_values_title:after,
.color_12 .sidebar_nav ul li:last-child {
    border-color: #42abf5;
}
/*=================== Box Shadow CSS ===================*/
/*Hover Color*/

.color_12 a:hover,
.color_12 header.pixinav.dark ul.dropdown_menu li a:hover,
.color_12 header.pixinav.dark .nav-wrapper ul li a:hover,
.color_12 ul.dropdown_menu li a:hover,
.color_12 .nav-wrapper ul li a:hover,
.color_12 .footer__widget ul li a:hover,
.color_12 .footer_bottom p a:hover,
.color_12 .cta-type-1 h6 a:hover,
.color_12 .contact__phone a:hover,
.color_12 .blog_header>ul>li a:hover,
.color_12 .tags li a:hover,
.color_12 .tagcloud a:hover,
.color_12 .blog_text a:hover h3,
.color_12 .blog_text a:hover,
.color_12 .blog_widget ul li a:hover,
.color_12 .recent_post li a:hover {
    color: #26BDEF;
}

/*=================== Hover BG CSS ===================*/
.color_12 .btn.btn__lg:hover,
.color_12 .btn.btn__sm:hover,
.color_12 .btn__sm.off-white:hover,
.color_12 .btn__xs:hover,
.color_12 .btn.btn__border:hover,
.color_12 .btn.btn__lg.white:hover,
.color_12 .footer_bottom li:hover,
.color_12 .btn_type_3:hover,
.color_12 .service_3_icon:hover,
.color_12 .nice-select .option:hover,
.color_12 .hero_slider .NextArrow:hover,
.color_12 .hero_slider .PrevArrow:hover,
.color_12 .post_carousel2 .owl-next:hover,
.color_12 .post_carousel2 .owl-prev:hover,
.color_12 .comment-respond input[type=submit]:hover,
.color_12 .blog_widget input[type='submit']:hover,
.color_12 .btn.btn__lg:hover,
.color_12 .btn.btn__sm:hover,
.color_12 .btn__xs:hover,
.color_12 .btn__sm.off-white:hover,
.color_12 .btn.btn__lg.white:hover {
    background: #42abf5;
}

/*Hover border Color*/
.color_12 .price_btn .btn_type_3:hover,
.color_12 .tagcloud a:hover,
.color_12 .btn.btn__border:hover,
.color_12 .hero_slider .NextArrow:hover,
.color_12 .hero_slider .PrevArrow:hover,
.color_12 .cta-type-1 h6 a:hover {
    border-color: #00447d;
}

.color_12 .sl_blog_post.sticky {
    box-shadow: 0 -10px 0px #ff9d1b;
}
/*=================== Secondary Color Defualt ===================*/
.pricing_table,
.bg__dark,
header.pixinav.dark,
.cta_2 .btn.btn__lg.white:hover,
header.pixinav.dark ul.dropdown_menu,
.nice-select .list,
.Submit_button,
.Submit_button input,
.Submit_button select,
.sidebar_nav ul,
.btn.btn__black,
.btn.btn__sm.btn__black,
.btn.btn__lg.btn__black{
    background: #272b34
}
.footer_2 .subscribe-form-message,
.footer_2 .subscribe-form,
.footer_bottom {
    background: #23262e
}
.overlay:before {
    background-color: rgba(39, 43, 52, .9);
}
.btn.btn__border,
.stuff_content .btn {
    border-color: #272b34;
}
.cta_2 a.btn.btn__lg.white:hover {
    box-shadow: inset #272b34 200px 0px 0px;
    background: none;
}
/*=================== Secondary Color 02 ===================*/
.sc_2 .pricing_table,
.sc_2 .bg__dark,
.sc_2 header.pixinav.dark,
.sc_2 .cta_2 .btn.btn__lg.white:hover,
.sc_2 header.pixinav.dark ul.dropdown_menu,
.sc_2 .nice-select .list,
.sc_2 .Submit_button,
.sc_2 .Submit_button input,
.sc_2 .Submit_button select,
.sc_2 .sidebar_nav ul,
.sc_2 .btn.btn__black{
    background: #203346;
}
.sc_2 footer .bg__dark {
    background: #141415;
}
.sc_2 .footer_2 .subscribe-form-message,
.sc_2 .footer_2 .subscribe-form,
.sc_2 .footer_bottom {
    background: #203346;
}
.sc_2 .overlay:before {
    background-color: rgba(2, 27, 39, .9);
}
.sc_2 .btn.btn__border,
.sc_2 .stuff_content .btn {
    border-color: #021B27;
}
.sc_2 .cta_2 a.btn.btn__lg.white:hover {
    box-shadow: inset #021B27 200px 0px 0px;
    background: none;
}
/*=================== Secondary Color 03 ===================*/
.sc_3 .pricing_table,
.sc_3 .bg__dark,
.sc_3 header.pixinav.dark,
.sc_3 .cta_2 .btn.btn__lg.white:hover,
.sc_3 header.pixinav.dark ul.dropdown_menu,
.sc_3 .nice-select .list,
.sc_3 .Submit_button,
.sc_3 .Submit_button input,
.sc_3 .Submit_button select,
.sc_3 .sidebar_nav ul,
.sc_3 .btn.btn__black{
    background: #283347;
}
.sc_3 footer .bg__dark {
    background: #283347;
}
.sc_3 .footer_2 .subscribe-form-message,
.sc_3 .footer_2 .subscribe-form,
.sc_3 .footer_bottom {
    background: #242e40;
}
.sc_3 .overlay:before {
    background-color: rgba(40, 51, 71, .95);
}
.sc_3 .btn.btn__border,
.sc_3 .stuff_content .btn {
    border-color: #283347;
}
.sc_3 .cta_2 a.btn.btn__lg.white:hover {
    box-shadow: inset #283347 200px 0px 0px;
    background: none;
}

/*=================== Switcher CSS ===================*/

.color-box li.color-01 {
    background: #5798E4;
}
.color-box li.color-02 {
    background: #26BDEF;
}
.color-box li.color-03 {
    background: #24CAE2;
}
.color-box li.color-04 {
    background: #425CBB;
}
.color-box li.color-05 {
    background: #534bc7;
}
.color-box li.color-06 {
    background: #099AAD;
}
.color-box li.color-07 {
    background: #3EA98D;
}
.color-box li.color-08 {
    background: #47b475;
}
.color-box li.color-09 {
    background: #FC4F4F;
}
.color-box li.color-10 {
    background: #E1B24F;
}
.color-box li.color-11 {
    background: #B2DD4C;
}
.color-box li.color-12 {
    background: #ffc31f;
}
.color-box li.sc-1 {
    background: #272B34;
}
.color-box li.sc-2 {
    background: #021B27;
}
.color-box li.sc-3 {
    background: #283347;
}
/*Switcher Style*/

.switcher {
    background: #fff;
    height: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    position: fixed;
    z-index: 9999;
    width: 300px;
    right: -301px;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
}
.color-canvas {
    overflow-y: auto;
}
.switcher h4 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}
.switcher p {
    font-size: 13px;
    line-height: 20px;
}
.color-toggle {
    position: absolute;
    right: 300px;
    top: 30%;
    transform: translateY(-30%);
    z-index: 999;
    background: #2d2d2d;
    color: #fff;
    padding: 14px 20px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
.color-box {
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
}
.color-box li {
    display: inline-flex;
    flex-wrap: wrap;
    background: black;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    cursor: pointer;
    color: #fff;
}
.color-box hr {
    margin: 20px 30px;
    border-color: #ddd;
}
li.light-nav,
li.dark-nav {
    width: 120px;
    margin-bottom: 10px;
    background: center;
}
li.light-nav {
    background: aliceblue;
    color: #222;
    border: 2px solid;
}
li.dark-nav {
    background: #021b27;
}
/*Switcher Toggle*/

.switcher.switcher-open {
    right: 0;
}
@media (max-width: 479px) {
    .color-toggle {
        right: 250px;
    }
    .switcher {
        background: #fff;
        height: 100%;
        -webkit-transition: .5s;
        transition: .5s;
        position: fixed;
        z-index: 9999;
        width: 250px;
        right: -251px;
    }
}