/*========================================
    Color scream
=========================================*/
/*light link color*/
a{color: #141414;}
a:hover, a:focus{color: #45bf55;}
a:hover { text-decoration: none;}
a:active { color: #666; text-decoration: none;}
mark{ color: #fff; font-weight: 600;}

mark, .piko-layout-header .piko-topbar .piko-brand .tooltip.bottom .tooltip-inner,
.piko-layout-header .piko-topbar .piko-top-menu .tooltip.bottom .tooltip-inner,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li> a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
.piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
.piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li> a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.thumbnail-overlay i.fa:hover,
.get-quote,
.owl-theme .owl-controls .owl-page span,
footer,
.social-effect-1b .social-icon:after,
.team1 .box .title, .team1 .box .title2,
.team1 .box .title:after,
.team1 .box .title2:after,
.team1 .box figcaption i,
.box > .icon-box > .image,
.btn-bounce-top:before,
.btn-warning,
.list-group a:hover, .list-group a:focus, .list-group a:active,
.blog-view .blog figure figcaption p:first-child,
.recent-project figure .project-link,
.recent-project .title hr,
.blog_date, 
.footer-widget-title h4:after, .sidebar-widget-title h4:after, .subtitle h4:after,
.f-line,
.f-line2,
.footer2-box .tagcloud a:hover,
.badge,
.entry-footer .tags-links a:hover,
.right-side-widget .tagcloud a:hover,
.piko-team-title h4:after,
.pricing-box3 h4,
.btn-p1, .btn-p2, 
/*.btn-p3,*/
.pagination > .nav-links > span.current,
.blog-right .media .media-left a p,
.thumbnail span.onsale,
.quick-view:hover, .quick-view2:hover,
.blog_date2 p:first-child,
.footer,
.piko-shop-title .line,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce span.onsale,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.back-top{
    background-color: #45bf55;
    background: #45bf55;
}
/*========================================
    Font Color scream
=========================================*/
.testimonials-03 p span,
.piko-address  i,
.box > .icon-box > .image,
.box > .icon-box > .image > i,
ul.arrow li:before,
footer .link.white a:hover,
.count-box.black,
/*.media-body .fa,*/
.breadcrumb > li + li:before,
.project-view .left-side ul li i,
.shop-page small i,
.media .media-body .shop-rate i,
.font5,
.footer2-box .media a:hover,
.team1 .box .caption a:hover,
/*.piko-li li a:hover,*/
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li > a:hover i,
.process .process-icon,
.count-box h2,
.right-side-widget .media a:hover,
#filter > li.selected,
.project-view .social-share ol.breadcrumb li a:hover,
.page-header span,
.nav.nav-tabs.nav-justified a:hover i,
.nav-page ul li a i,
.btn-p4:hover,
.recent-project figure .project-btn a:hover,
a.comment-reply-link:hover,
a.comment-edit-link:hover,
.right-side-widget li:hover a,
.woocommerce a.added_to_cart:after,
.woocommerce .product_meta span.sku_wrapper:before,
.woocommerce .product_meta span.posted_in:before,
.woocommerce .product_meta span.tagged_as:before,
.woocommerce .woocommerce-info::before,
.woocommerce .star-rating,
.woocommerce .right-side-widget .star-rating,
.woocommerce p.stars .active,
.page-banner .breadcrumb a:hover,
.piko-li li a:hover,
.piko-shop-title a:hover,
.feature-project .box .overlay2 p,
.error404 .piko-quick-search  > button.search-submit:hover,
.no-results .piko-quick-search  > button.search-submit:hover,
.right-side-widget > .piko-quick-search > button.search-submit:hover{
    color: #45bf55 !important;
}
/*========================================
    Border Color scream
=========================================*/
.main-title hr:after,
.box > .icon-box > .info:hover,
.process img,
.testimonials-03 p,
.font5,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.right-side-widget .tagcloud a:hover,
.btn-p1, .btn-p2,
#filter>li.selected:before,
#filter>li.selected:before,
.quick-view:hover, .quick-view2:hover,
form.search-form input[type="search"]:focus,
form.search-form input[type="submit"]:hover,
.form-control:focus,
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message,
.btn-warning,
.back-top{
    border-color: #45bf55 !important;
}
/* ======================================
        Dark Bankground Color(quote)
========================================= */
.social-effect-1a .social-icon:after,
.btn-warning:hover,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,
.right-side-widget ul.menu li.current-menu-item a{
    background-color: #36a745 !important;
    background: #36a745 !important;
}
/* =================================================
    OPTIONAL:  Box Background color (vision)
=================================================== */

.partner,
.box > .icon-box > .info,
div.price2,
.thumbnail-overlay i{
    background-color: #f5f5f5;
    background: #f5f5f5;
}

/*========================================
    OPTIONAL: Border Color
=========================================*/

.piko-li,
.piko-thub,
.team1 .box .caption,
.box > .icon-box > .info{
    border-color: #f4f4f4;
}

/* ============================
     Background color
============================== */

.piko-thub{
    background-color: #fff
}

.box > .icon-box > .image:after{
    background-color: #fcfcfc;
}

#piko-hamburger2 span,
.footer .social-effect-1b .social-icon:after,
.footer2-box .tagcloud a,
.woocommerce a.added_to_cart{    
    background-color: #141414;   
    background: #141414;   
}

.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a:hover,
.piko-layout-header.piko-layout-header-dark-mobile,
.piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-search-toggler > i,
.piko-layout-header .piko-navbar .piko-brand > .cart > a i,
.piko-layout-header .piko-topbar .piko-brand > .cart > a i,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu.shop-cart > li.piko-active > a,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu.shop-cart > li:hover > a,
.blog-right .media .media-left a p,
.social-effect-1b .social-icon:hover,
.footer .social-effect-1b .social-icon,

.project-view .social-share ol.breadcrumb li a,
.social-model ul li a,
.blog_date2 p a,
.footer p,
.footer .link li a,
.vc_message_box a,
.nav-tabs li a,

.piko-shop-title a,
.btn-p3:hover,
.btn-p4,
.owl-theme .owl-controls .owl-buttons div,

#filter>li,
.footer2-box .tagcloud a:hover,
.right-side-widget .tagcloud a,
.woocommerce .right-side-widget ins,
.mobile-shop-cart p.total span.amount,
.pagination > .nav-links > a, .pagination > .nav-links > span,

.blog_date2 p:last-child,
.blog_date2 p:last-child span,
.woocommerce nav.woocommerce-pagination ul li span,

.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:focus,
.piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-hor-nav-toggler:hover > .piko-line,
#clients h3,
.project-view .social-share ul li a i, .blog-view .social-share ul li a i,
.blog-comment ol li  h4,
.blog-comment ol li li  h4{
    color: #141414 !important;
}

.woocommerce span.onsale,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.badge,
.blog_date strong,
.blog_date p,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.recent-project figure .project-link a,
.get-quote .layer p,
.service-menu li.current-menu-item a,
.team1.team-m .box:hover figcaption i a,
.pricing-box3 h4,
.pagination > .nav-links > span.current,
.btn-warning,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.back-top,
.project-view .social-share ul li:hover i, .blog-view .social-share ul li:hover i,
.social-model ul li:hover a,
.social-effect-1a .social-icon:hover,
.footer .social-effect-1b .social-icon:hover{
    color: #fff !important;
}


.footer .social-effect-1b .social-icon,
.team1.team-m .box:hover figcaption i a:first-child,
.team1.team-m .box:hover figcaption i a,
.badge{
    border-color: #141414;
}

.testimonials-03 p:after,
 .mobile-shop-cart:after,
.piko-layout-header .piko-topbar .piko-brand .tooltip.bottom .tooltip-arrow,
.piko-layout-header .piko-topbar .piko-top-menu .tooltip.bottom .tooltip-arrow  {
    border-bottom-color: #45bf55;
}
.box > .icon-box > .image {
    box-shadow: 0 0 0 3px #45bf55;
}

/* =================================================
    OPTIONAL:  white
=================================================== */
.team1.team-m .box figure figcaption a:hover,
.carousel-indicators li,
.list-group a:hover, .list-group a:focus, .list-group a:active,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.recent-project figure .project-link a:hover,
.pricing-box3:hover h4,
.back-top:hover{
    color: #141414 !important;
}
@media (min-width: 992px) {
    .piko-layout-header .piko-navbar.light .piko-mega-menu > .nav.navbar-nav > li > .piko-link:hover{
        color: #fff !important;
    } 
}
@media (max-width: 991px) {
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > .active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li.piko-active > .piko-link, 
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li:hover > .piko-link{
        color: #45bf55 !important;
    }
}