:root{
    --body-bg-color: #fff;
    --body-text-color: #333;
    --body-link-color: #333;
    --body-link-hover-color: #247eba;
    --font-family: open-sans, sans-serif;
    --heading-text-color: None;
    --body-text-color: #333;
    /* font size */
    --font-small: None;
    --font-medium: None;
    --font-large: None;
    /* end font size */
    /* header section */
    --header-bg-color: #fff;
    --header-text-color: #222;
    --header-hover-color: None;
    --header-badge-bg-color: #ff5500;
    --header-badge-text-color: #fff;
    --minicart-bg-color: #247eba;
    --minicart-text-color: #fff;
    /* end header section */
    /* top header */
    --topbar-bg-color: None;
    --topbar-text-color: None;
    --topbar-link-hover-color: None;
    /* end top header */
    /* menu section */
    --menu-bg-color: #247eba;
    --menu-text-color: #fff;
    --menu-hover-color: #759e2e;
    --menu-hover-bg-color: None;
    --submenu-bg-color: #fff;
    --submenu-text-color: #222;
    --submenu-hover-color: #247eba;
    --submenu-hover-bg-color: None;
    /* end menu section */
    /* buttons section */
    /* primary button */
    --primary-button-bg-color: #247eba;
    --primary-button-text-color: #fff;
    --primary-button-hover-bg-color: #ff5500;
    --primary-button-hover-text-color: #fff;
    /* secondary button */
    --secondary-button-bg-color: #ff5500;
    --secondary-button-text-color: #fff;
    --secondary-button-hover-bg-color: #247eba;
    --secondary-button-hover-text-color: #fff;
    /* warning button */
    --warning-button-bg-color: #ed9220;
    --warning-button-text-color: #fff;
    --warning-button-hover-bg-color: #ed9220;
    --warning-button-hover-text-color: #fff;
    /* danger button */
    --danger-button-bg-color: #f83a3a;
    --danger-button-text-color: #fff;
    --danger-button-hover-bg-color: #ff6600;
    --danger-button-hover-text-color: #fff;
    /* default button */
    --default-button-bg-color: #fff;
    --default-button-text-color: #247eba;
    --default-button-hover-bg-color: #247eba;
    --default-button-hover-text-color: #fff;
    /* end buttons section */
    /* footer section */
    --footer-bg-color: #fff;
    --footer-link-color: #666;
    --footer-heading-color: #222;
    --footer-text-color: rgba(255, 255, 255, 0.7);
    --footer-link-hover-color: #247eba;
    /* end footer section */
}

body a{
    color: var(--body-link-color);
}


body a:hover {
    color: #247eba;
}

body {
    color: #333;
    background:#fff;
    
    
    font-family:open-sans, sans-serif;
    
}
.header_top {
    background: var(--topbar-bg-color);
    color: var(--topbar-text-color);
    height: 35px;
    position: relative;
    overflow: inherit;
}
.header_top a {
    color: var(--topbar-text-color);
}
.header_top .header_top_outer {
    height: 100%;
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom: 1px solid #ddd !important;
}
.header_top .header_top_inner {
    padding: 0 20px;
    margin: 0 auto;
}
.header_top .header_top_right {
    float: right;
}
.header_top .header_top_left {
    height: 100%;
    padding: 0 20px 0 0;
    overflow: hidden;
    float: left;
}
.header_top .meta_wrap {
    padding: 2px 0;
}
.top_line_nav {
    display: inline-flex;
    list-style: none;
}
.header_top a:hover {
    color: var(--topbar-link-hover-color);
}
.header_top nav li {
    padding: 7px 0;
}
.header_top a {
    font-size: 13px;
}
.justify-content-end{
   margin-right: 10px;
   justify-content: flex-end!important;
}
.tab button:hover {
    color: #247eba;
    background-color: #fff;
}
#cartSlide .cartfooter{
    background: #247eba !important;
}
#cartSlide .check-div a, #cartSlide .wish-div a{
    border: 1px solid #247eba !important;
    color: #fff !important
}
#cartSlide .sub-div{
    color: #fff !important;
}
#cartSlide .check-div a:hover, #cartSlide .wish-div a:hover{
    border: 1px solid #fff !important;
    color: #fff !important
}
.close-signup:focus {
  outline-color: none;
  outline:  none;
  color: #ff5500 !important;
}
.locationPicker span{
    color:#222;
}
.logo_area {
    background:#fff;
}
.header-right a,.locationPicker a,#MobileNavbar .fa-bars {
    color:#222;
}
.header-right ul li .badge,#cartSlide .nav-tabs li a .badge,.locationPicker .cartCountdiv,.list-discount-badge {
    background:#ff5500;
    color:#fff !important;
}
.menu-area{
    background:var(--menu-bg-color) !important;
}
.menu-area ul li:hover a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.menu-active>a,
.header-right .dropdown-menu li:hover a{
    color: #759e2e;       
}
.navbar-default .navbar-nav>li.menu-active>a,
.navbar-default .navbar-nav>li>a:hover {
    background: var(--menu-hover-bg-color);
}
.header-right .dropdown-menu li a i{
    background-color: #759e2e;
}
.menu-area ul li .dropdown-menu h4 a:hover{
    color: var(--submenu-hover-color) !important;
}
.menu-area ul .mega-dropdown a{
    color: var(--menu-text-color);
} 
.menu-area ul .mega-dropdown ul{
    background: var(--submenu-bg-color);
}
.menu-area ul li .menuDrop li a,
.menu-area ul li .mega-dropdown-menu a{
    color: var(--submenu-text-color) !important;
}
.menu-area ul li .mega-dropdown-menu li a:hover,
.menu-area ul li .menuDrop li a:hover{
     color: var(--submenu-hover-color);     
}
.menu-area ul li .menuDrop li:hover{
    background:None;
}
.dropdown-menu li:hover a, .dropdown-menu h4 a:hover {
    color: var(--menu-bg-color);
}
.btn-primary, .primary {
    background:#247eba  !important;
    border-color:#247eba  !important;
    color: #fff  !important;
}
a.wish-btn.btn:hover {
    background:#247eba  !important;
    border-color:#247eba  !important;
    color: #fff  !important; 
}
.btn-primary:hover, .primary:hover {
    background:#ff5500  !important;
    border-color:#ff5500  !important;
    color: #fff  !important;
}
.btn-secondary, .secondary {
    background:#ff5500  !important;
    border-color:#ff5500  !important;
    color: #fff  !important;
}
.product-wid-price ins {
    color:#ff5500;
}
.btn-secondary:hover, .secondary:hover {
    background:#247eba  !important;
    border-color:#247eba  !important;
    color: #fff  !important;

}
.btn-secondary:hover::after, .secondary:hover::after {
    color: #fff  !important;
}
.btn-secondary::after, .secondary::after {
    color: #fff  !important;
}
.product-sort-options li a {
    border-color:#247eba  !important;
   
}
a.selected-filter{
    background:#247eba  !important;
    color: #fff  !important;
}
.brands ul li.active {
    border-left: 3px solid #ff5500;
}

.footer-widget{
    
    background: #fff  !important;
    
}
.footer-widget h4,.footer-widget h4 a {
    color: #222  !important;
}
.footer-widget a,.footer-widget a i {
    color: #666  !important;
}

.footer-widget a:hover{
    color: #247eba  !important;
}

.footer_area {
    background: #247eba  !important;
    color:#fff;
}
#cartlist .nav-tabs li.active {
    border-bottom: 1px solid #247eba !important;
}
.btn-danger,.danger{
    background: #f83a3a  !important;
    color:#fff;
    border-color: #f83a3a  !important;
    border-radius:0;
}
.btn-danger:hover,.danger:hover{
    background: #ff6600  !important;
    color:#fff;
    border-color: #ff6600  !important;
}
.btn-default,.default{
    background: #fff  !important;
    color:#247eba !important;
    border-color: #fff  !important;
    border-radius:0;
}
.btn-default:hover,.default:hover{
    background: #247eba  !important;
    color:#fff !important;
    border-color: #247eba  !important;
}
.btn-warning,.warning{
    background: #ed9220  !important;
    color:#fff !important;
    border-color: #ed9220  !important;
    border-radius:0;
}
.btn-warning:hover,.warning:hover{
    background: #ed9220  !important;
    color:#fff !important;
    border-color: #ed9220  !important;
}
.headline h2{
    border-bottom-color:#ff5500 !important;
}
#UserModal .nav-tabs li.active{
    border-bottom: 1px solid #247eba  !important;;
}
.close-signup:hover{
    color: #ff5500 !important;
}
.header-right ul li a {
    color:#222 !important;
}
.cart-link .icon-width{
    
    background-position: center 3px;
    background-repeat: no-repeat;
}  
.cart-link:hover .icon-width{
    
}

.close-signup{
    color: #ff5500;
}
.close-signup:hover{
    color: #ff5500 !important;
}
.breadcrumb .fa-home{
    color: #ff5500 !important;
}
.customer-card{
    background: var(--menu-bg-color);
}
.signin-header{
    background-color: var(--menu-bg-color);
}
.close-modal-popup, .close-modal-popup:hover{
    background:  #ff5500!important;
}
#mobile_navbar .user-details .login{
    background-color: var(--menu-bg-color);
    padding: 15px;
    text-align: left;
}
#mobile_navbar .user-details .login a{
   font-size: 16px;
    background-color: var(--menu-bg-color);
    color: var(--menu-text-color);
}
.title-breadcrumb{
    
    background-color: None;
    
    border-color: None  !important;
}
.breadcrumb li a{
    color: None  !important;
    }
.breadcrumb{
    text-align: ;
}
@media screen and (max-width: 767px) and (min-width: 320px){
    .entire_header .logo_area{
        background: var(--menu-bg-color);
    }
}
span.sr-only{display:none !Important;}
 .loc-icon{ padding:0 0 13px 0; }.blog-card__image img{ height: 240px; } .mobile-nav__wrapper.expanded { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .block-title h3 span{ color: #b73488 !important; } .main-menu .main-menu__list li, .stricky-header .main-menu__list li{ margin-left: 30px !important; } .site-footer{ margin-top: 0 !important; } .main-menu .main-menu__list li.dropdown ul li, .stricky-header .main-menu__list li.dropdown ul li{ margin-left: 0px !important; } .main-menu .main-menu__list li a, .stricky-header .main-menu__list li a{ font-family: 'Poppins', sans-serif !important; } .main-menu .logo-box .stricky-logo{ display: none; } .main-menu .logo-box .fixed-logo{ display: block; width: 90px; } .main-menu.stricky-fixed .logo-box .stricky-logo{ display: block; width: 90px; } .main-menu.stricky-fixed .logo-box .fixed-logo{ display: none; } .main-menu { -webkit-box-shadow: unset !important; box-shadow: unset !important; } .page-header__bg{ top: -112px !important; } .stricky-header{ -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%) !important; box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%) !important; } .main-menu .main-menu__list, .stricky-header .main-menu__list { margin-left: auto; margin-right: 0 !important; } .main-menu{ background-color: transparent; } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif !important; } .main-menu ul li.dropdown ul li{ padding: 0 !important; } .main-menu .main-menu__list li ul li:hover a, .stricky-header .main-menu__list li ul li:hover a{ background: #c63c94 !important; color:#fff !important; } .main-menu .main-menu__list li ul li a{ color: #373737 !important; } .main-menu .main-menu__list li ul{ background-color: #fff !important; } .page-header__bg{ background-attachment: fixed !important; } .footer-widget__links li a:hover{ color: #c53c94 !important; } .footer__social a:hover{ color: #c63c94 !important; } .bottom-footer a{ color:#fff; } .bottom-footer a:hover{ color:#b73488; } .footer-widget .mc-form button[type="submit"]{ color: #141414 !important; } body { font-family: 'Open Sans', sans-serif !important; } .page-section { display: block; } .block-title h3{ color: #373737 !important; } .service-two__card-content h3 a { color: #373737 !important; } .about-one__box h4 a{ color: #373737 !important; } .about-one__box i{ color: #fff !important; } .about-one__icon-row{ border: none !important; } .text-right{ text-align: right !important; } #load{ width:100%; height:100%; position: absolute; z-index: 9999; background: #fff; } #load .spinner-border{ top: 50%; position: absolute; border-color: #b73488; border-right-color: transparent !important; } .loader{ display: none !important; } .site-footer{ background-color: rgb(0 0 0 / 92%) !important; } @media (min-width: 1200px){ .bottom-footer { padding-top: 30px !important; padding-bottom: 30px !important; } } .bottom-footer::before{ background-image: unset !important; } .bottom-footer{ background-color: #fff; } .site-footer::before{ height: 0 !important; background-image: unset !important; position: absolute !important; top: 0 !important; } .page-header .container{ padding-top: 60px !important; padding-bottom: 60px !important; } .page-header { padding-bottom: 0 !important; margin: 0 !important; border-bottom: none !important; } .page-breadcrumb{ display: none !important; } .contactPage button{ display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; background-color: #b73488 !important; color: #fff; font-size: 16px; border-radius: 5px; font-weight: 700; padding: 16.5px 39.5px; -webkit-transition: 500ms; transition: 500ms; color: #fff !important; } .contactPage button:hover{ background-color: #545454 !important; } .contactPage { background-color: #f8f8f8; margin-top: 0px !important; } .contactPage .icon{ background-color: #b73488 !important; color: #fff !important; line-height: 32px !important; } .contactPage .container-fluid{ padding: 40px 0 !important; } .main-menu .main-menu__list li::after, .main-menu .main-menu__list li::before{ width: 43% !important; } .footer-widget { background: transparent !important; } .footer-widget__links li + li:hover{ color:#b73488; } .footer-widget__links li::before{ color: #fff !important; } .footer-widget__contact li:hover a { color: #fff !important; } .footer-widget a, .footer-widget a i { color: #fff !important; } .page-loader{ display: none !important; } .preloader{ background-color: transparent !important; display: none !important; } @media only screen and (max-width: 767px){ nav.main-menu { display: block; } .main-menu .logo-box .stricky-logo{ display: block; width: 100px; } .main-menu .logo-box .fixed-logo{ display: none; } .bottom-footer .text-right{ text-align: left !important; padding-top: 10px; } .section-item section{ padding: 20px 0 !important; } } .mobile-nav__social a{ color: #fff !important; } .mobile-nav__contact li a{ color: #fff !important; } @keyframes ImgBounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); } } @keyframes bubbleMover { 0% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); } 30% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: center center; transform-origin: center center; } 50% { -webkit-transform: translateY(50px) translateX(100px) rotate(45deg); transform: translateY(50px) translateX(100px) rotate(45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 80% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes banner3Shake { 0% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } 30% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 60% { -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 100% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @media (min-width: 1200px){ .container.width-98{ max-width: 98%; } .site-footer { padding-top: 60px !important; padding-bottom: 10px !important; } }