/*-- Background Color ------------------------------------------*/ .bg-gray { background-color: #f0f4f6;} .bg-gray-2 { background-color: #efeeed;} .bg-gray-3 { background-color: #f9f9f9;} .bg-gray-4 { background-color: #efefef;} .bg-gray-5 { background-color: #e5e5e5;} .bg-gray-6 { background-color: #ececec;} .bg-gray-7 { background-color: #eaeff2;} .bg-gray-8 { background-color: #f4f4f4;} .bg-gray-9 { background-color: #f6f6f6;} .bg-gray-10 { background-color: #e7eaec;} .bg-white { background-color: #ffffff;} .bg-black { background-color: #000000;} .bg-blue { background-color: #0064e0;} .bg-orange { background-color: #e44311;} .bg-green-2 { background-color: #6aae27;} /* Nav Color --------------------------------*/ .nav-right .nav-item a span.red { background-color: #ff2f2f;} .nav-right .nav-item a span.black { background-color: #000000;} .nav-right .nav-item a span.green { background-color: #4dbdaf;} .nav-right .nav-item a span.purple { background-color: #6f50a7;} .nav-right .nav-item a:hover { color: #ff2f2f;} .nav-right .nav-item.header-cart a span.cart-amount { color: #df3434; } .nav-right .nav-item.header-cart a span.cart-amount.light-yellow { color: #ffd74b;} .nav-right .nav-item.header-cart a span.cart-amount.white { color: #ffffff;} .nav-sticky.navbar .navbar-nav .nav-item .nav-link:hover, .nav-sticky.navbar .navbar-nav .nav-item .nav-link:active, .nav-sticky.navbar .navbar-nav .nav-item .nav-link:focus, .nav-sticky.navbar .navbar-nav .nav-item .nav-link.active { color: #ff2f2f;} .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:active, .navbar .navbar-nav .nav-item .nav-link:focus, .navbar .navbar-nav .nav-item .nav-link.active { color: #ffffff; } .navbar-light .navbar-nav .nav-item .nav-link { color: #000000;} .navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link:active, .navbar-light .navbar-nav .nav-item .nav-link:focus, .navbar-light .navbar-nav .nav-item .nav-link.active { color: #ff2f2f;} .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:active, .navbar .navbar-nav .nav-item .nav-link.active { color: #ff2f2f; } .social-item a:hover, .social-item a:focus { color: #ff2f2f;} .top-option.top-margin a { color: #777;} .top-option .language-dropdown ul li a:hover, .top-option .currency-dropdown ul li a:hover { color: #ff2f2f; } .single-product-wrap .product-content-wrap-3 .pro-add-to-cart-2 a.button:hover { background-color: #ff2f2f; } .single-product-wrap .product-content-wrap-3 .product-author span a { color: #000000; } .single-product-wrap .product-content-wrap-3 .product-author span a:hover { color: #0064e0; } .single-product-wrap .product-content-wrap-3 .product-author span a:hover.orange { color: #e44311; } /* Category wrap */ .nav-category-wrap > a.purple { color: #6f50a7; } .nav-category-wrap > a.green { color: #6aae27; } .nav-category-wrap > a.blue { color: #0064e0; } .category-search-wrap.category-search-wrap-modify .search-wrap form button { color: #ffffff; background-color: #6f50a7; } .category-search-wrap.category-search-wrap-modify .search-wrap form button:hover { color: #6f50a7; background-color: #ffffff; } .headerb-offer-wrap { /*background-color: #6f50a7;*/ border: dashed 1px #6f50a7; } .headerb-offer-wrap a { color: #333; } .hotline-2-wrap .hotline-2-icon i { color: #6f50a7; } .category-search-wrap .search-wrap form button:hover { color: #ff2f2f; } .sidecart .cart-content ul li .cart-title h4 a:hover { color: #ff2f2f; } .sidecart .cart-content ul li .cart-delete a:hover { color: #ff2f2f; } .sidecart .cart-content .cart-checkout-btn a:hover { background-color: #ff2f2f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.facebook { background-color: #3b5999; border: 1px solid #3b5999; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.facebook:hover { color: #3b5999; background-color: transparent; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.twitter { background-color: #55acee; border: 1px solid #55acee; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.twitter:hover { color: #55acee; background-color: transparent; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.pinterest { background-color: #bd081c; border: 1px solid #bd081c; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.pinterest:hover { color: #bd081c; background-color: transparent; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.instagram { background-color: #e4405f; border: 1px solid #e4405f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-social-icon a.instagram:hover { color: #e4405f; background-color: transparent; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .sidenav-mobile-info-wrap .sidenav-mobile-single-info .lang-curr-dropdown ul li a { font-size: 14px; color: #000000; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .sidenav-mobile-info-wrap .sidenav-mobile-single-info .lang-curr-dropdown ul li a:hover { color: #ff2f2f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .sidenav-mobile-info-wrap .sidenav-mobile-single-info:hover > a { color: #ff2f2f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-menu-wrap nav .mobile-menu li ul li a:hover { color: #ff2f2f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-menu-wrap nav .mobile-menu li ul li ul li a { padding: 10px 30px 5px; font-size: 14px; color: #333; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-search form button:hover { color: #ff2f2f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-menu-wrap nav .mobile-menu li:hover > a { color: #ff2f2f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-menu-wrap nav .mobile-menu li:hover.menu-item-has-children > .menu-expand > i { border-bottom: 1px solid #ff2f2f; } .sidenav-mobile-wrap .sidenav-mobile-content-sec .mobile-menu-wrap nav .mobile-menu li:hover.menu-item-has-children > .menu-expand > i::before { border-bottom: 1px solid #ff2f2f; } .nav-slider.nav-slider-purple > span:hover { background-color: #6f50a7; color: #ffffff; } .nav-slider > span:hover { background-color: #ff2f2f; color: #ffffff; } .btn-slider a:hover { background-color: #000000; } .btn-slider a{ background-color: #6f50a7; } .banner-wrap .banner-content span { color: #6f50a7; } .btn-style-4 a.hover-red:hover { color: #ff2f2f; } .btn-style-4 a:hover { color: #4dbdaf; } .be_tab-style a:hover, .be_tab-style a.active { color: #4dbdaf; } .single-service-wrap .service-icon i { color: #6f50a7; } .section-wrap-3 { background-color: #ffffff; }