body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif !important;
    font-weight: 400 !important;
}

html {
    scroll-behavior: smooth;
}

.bg-light {
    background-color: transparent !important;
}

.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    background: #ffffff !important;
}

.navbar-nav {
    padding-right: 150px
}

.navbar-toggler-icon {
    width: 30px;
    height: 30px;
}

.navbar-toggler {
    padding: 4px 8px;
}

.navbar-brand {
    padding: 3px 0;
}

.header-section .col-md-12 {
    padding: 0;
}

#btn-back-to-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    display: none;
    cursor: pointer;
    background: #17A599 !important;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    padding: 0;
    vertical-align: middle;
    border: none;
    font-size: 18px;
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Muli Light"),local("Muli-Light"),url(https://fonts.gstatic.com/s/muli/v12/7Au_p_0qiz-adZnkOCX2z24PMFk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Muli Regular"),local("Muli-Regular"),url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Muli Bold"),local("Muli-Bold"),url(https://fonts.gstatic.com/s/muli/v12/7Au_p_0qiz-adYnjOCX2z24PMFk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Muli Black"),local("Muli-Black"),url(https://fonts.gstatic.com/s/muli/v12/7Au_p_0qiz-adbHhOCX2z24PMFk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Sansita;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Sansita Regular"),local("Sansita-Regular"),url(https://fonts.gstatic.com/s/sansita/v3/QldONTRRphEb_-V7LB6xTA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Sansita;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Sansita Bold"),local("Sansita-Bold"),url(https://fonts.gstatic.com/s/sansita/v3/QldLNTRRphEb_-V7JKWUWX5-ww.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Sansita;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Sansita Black"),local("Sansita-Black"),url(https://fonts.gstatic.com/s/sansita/v3/QldLNTRRphEb_-V7JJ2WWX5-ww.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: 'Gilroy-Medium.e29df2ae';
    src: url('../fonts/Gilroy-Medium.e29df2ae.woff2') format('woff2');
}

@font-face {
    font-family: 'Gilroy-Regular.651f1a9f';
    src: url('../fonts/Gilroy-Regular.651f1a9f.woff2') format('woff2');
}

@font-face {
    font-family: 'icomoon.f0b8a3b3';
    src: url('../fonts/icomoon.f0b8a3b3.woff2') format('woff2');
}
/*============================================================*/
.footer-section {
    padding: 25px 45px;
    display: block;
    width: 100%;
    background: #fff;
    position: relative;
    font-size: 14px;
    color: #333;
    border-top: 1px solid hsla(0,0%,76.1%,.25);
    border-bottom: 1px solid hsla(0,0%,76.1%,.25);
}

.copyright {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    min-height: 22px;
    padding: 10px 25px;
    background-color: #17A599;
    margin-top: 5px;
}

b.text-color {
    font-weight: 600 !important;
}

.footer-menu .labeltxt b {
    font-size: 14px;
    color: #333;
}

.footer-links li a {
    max-width: calc(100% - 20px);
    text-transform: uppercase;
    font-size: 14px;
    color: #303030 !important;
    text-decoration: none;
    line-height: 22px;
}

.social-media ul {
    padding: 0;
    margin: 0;
}

    .social-media ul li {
        display: inline-block;
    }

        .social-media ul li a {
            font-size: 25px;
            color: #303030 !important;
            margin: 5px 5px 0 0;
            background: 0 0;
        }

            .social-media ul li a:hover {
                color: #17A599 !important;
            }

.top-social-media .fa {
    font-size: 20px;
    color: #303030 !important;
    margin: 5px 5px 0 0;
    background: 0 0;
}

.video-player-holder iframe {
    height: 300px !important;
}

.dynamic-video-block .video-row:not(:last-child) {
    padding-bottom: 10px;
}
/*============================================================*/
body .theme-bg-color {
    background: #fff !important
}

body .btmblk.webheader.header-content, body .custom-template, body .footer-container, .wap .footer-main, body .edit-content, body .mobileHeaderBlock, body.wap .sticky-footer {
    font-family: Muli !important;
    font-weight: 400 !important
}

    body .custom-template.global-block-padding {
        padding-top: 65px;
        padding-bottom: 65px
    }

body.wap .custom-template.global-block-padding {
    padding-top: 43px;
    padding-bottom: 43px
}

.webheader {
    background-color: rgba(255,255,255,0) !important
}

.webheader-color {
    color: rgba(255,255,255,0) !important
}

.store-name-color {
    color: #2e2d2d !important
}

.social-icon {
    color: #2e2d2d !important
}

    .social-icon:hover {
        color: #17a499 !important
    }

.signupLogin .signupLoginModal .left-section.webheader, .bookAppointment .calendar-container .webheader {
    background-color: #fff !important
}

.signupLogin .signupLoginModal .logo-section .shortNameContainer .store-initial-color {
    color: #fff !important
}

.signupLogin .signupLoginModal .logo-text-section .logo-heading.store-name-color, .signupLogin .signupLoginModal .logo-text-section .logo-txt.store-name-color {
    color: #2e2d2d !important
}

body.IPad .social-icon:hover {
    color: #2e2d2d !important
}

.header-btn {
    color: #2e2d2d !important
}

    .header-btn:hover {
        text-decoration: underline !important
    }

.header-icon {
    color: #2e2d2d !important
}

.partition-color {
    border-top: 1px solid #101010 !important
}

.store-bg-color {
    background-color: #17a499 !important
}

.header-block .store-bg-color {
    border-color: #17a499 !important
}

.header-block .userAccount-wrapper .my-account-pop-up .list-item:hover {
    background: #17a499 !important;
    color: #fff !important
}

    .header-block .userAccount-wrapper .my-account-pop-up .list-item:hover .myAccountText {
        color: #fff !important
    }

.header-block .userAccount-wrapper .my-account-pop-up.popover.bottom > .arrow:after {
    border-bottom-color: #fff !important
}

.header-block .userAccount-wrapper .my-account-pop-up, .header-block .userAccount-wrapper .my-account-pop-up .list-item {
    background: #fff !important
}

    .header-block .userAccount-wrapper .my-account-pop-up .list-item .myAccountText {
        color: #2e2d2d !important
    }

.webheader.header-content .header-block:not(.coverImageHeader) .header-custom-template {
    background-color: rgba(255,255,255,0)
}

.webheader.logo-canvas {
    background-color: rgba(255,255,255,0) !important;
    background-color: #fff !important
}

.leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper, .getdirections.store-bg-color, .signupLogin .signupLoginModal .logo-section .shortNameContainer.store-bg-color {
    background: #17a499 !important
}

    .leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-outlet-name, .leaflet-map-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-outlet-area, .getdirections.store-initial-color {
        color: #fff !important
    }

.web-theme-background .webheader.header-content.no-cover-part .first-second-block {
    background-image: none;
    background-color: #fff
}

.home .webheader.header-content .first-second-block {
    background-image: linear-gradient(-180deg, rgba(255,255,255,0) 14%, rgba(0,0,0,0) 94%) !important
}

.webheader.header-content:not(.header-sticky):not(.no-cover-part) .coverImageHeader .first-second-block {
    background-color: rgba(255,255,255,0) !important;
    background-image: none !important
}

.header-content.header-sticky .coverImageHeader .first-second-block {
    background-image: none !important;
    /* background-color: #fff !important*/
}

.header-top-color {
    background-color: rgba(0,0,0,0) !important
}

.webheader.header-content:not(.no-cover-part) .header-block.coverImageHeader .header-custom-template {
    background-color: rgba(0,0,0,0) !important
}

.header-middle-color {
    background-color: rgba(255,255,255,0) !important
}

.header-block.machinery3 .third-block {
    background-color: rgba(255,255,255,0) !important
}

.menuLink-color {
    color: #2e2d2d !important;
}

    .menuLink-color:hover {
        color: #17a499 !important;
    }

.link-button:hover {
    background: #009210 !important;
}

.btn-rounded:hover {
    background: #009210 !important;
}

.user-icon-color {
    color: #2e2d2d !important
}

.default-text-color {
    color: #2e2d2d !important
}

    .header-content .header-block.machinery3 .first-block .right-sec .default-text-color:hover, .default-text-color:hover, .contactUs:hover .default-text-color, .default-text-color:hover .default-text-color {
        color: #17a499 !important
    }

        .header-content .header-block.machinery3 .first-block .right-sec .default-icon-color:hover, .default-text-color:hover .default-icon-color, .contactUs:hover .default-icon-color, .default-icon-color:hover {
            color: #17a499 !important
        }

        .default-text-color:hover .links-text {
            text-decoration: None !important
        }

.header-block .signup-login-btn-div:hover .sign-up-login-btn, .header-block .my-account-holder:hover .welcome-text-span {
    text-decoration: None !important
}

.header-block .pageLink .track-order.menuLink-color:hover:not(#moreMenuLink), .header-block .pageLink:hover .track-order.menuLink-color:not(#moreMenuLink), .header-block .pageLink .track-order.menuLink-color:hover .header-more-txt:not(.icon-pagination-down), .header-block .pageLink:hover .track-order.menuLink-color .header-more-txt:not(.icon-pagination-down) {
    text-decoration: None !important
}

.default-icon-color {
    color: #2e2d2d !important
}

.child-menuLink-background {
    background-color: #fff !important
}

    .child-menuLink-background .arrow:after {
        border-bottom-color: #fff !important
    }

.child-menuLink-hover:hover {
    background-color: #17a499 !important
}

    .child-menuLink-hover:hover > a, .child-menuLink-hover:hover > i, .child-menuLink-hover:hover > .icon-wrapper {
        color: #fff !important
    }

.child-menuLink-color {
    color: #2e2d2d !important
}

    .child-menuLink-color:hover {
        color: #fff !important
    }

.login-signup-color {
    color: #2e2d2d !important
}

    .my-account-div:hover .login-signup-color, .login-signup-color:hover {
        color: #17a499 !important
    }

.login-signup-separator:hover, .login-signup-separator {
    color: #2e2d2d !important
}

.fake-login-signup-divider {
    color: #2e2d2d !important
}

.header-block .search-text-box::-webkit-input-placeholder, .header-block input.dummy-input {
    font-weight: 300
}

.navlink.see-all-cat .menuLinks .catText, .navlink.see-all-cat .menuLinks i {
    color: #2e2d2d !important
}

.navlink.see-all-cat .menuLinks:hover .catText, .navlink.see-all-cat .menuLinks:hover i {
    color: #fff !important
}

.navlink .menuLinks .catText {
    color: #2e2d2d !important
}

.navlink .menuLinks:hover .catText {
    color: #fff !important
}

.header-sticky .header-block.grocery .burger-menu-wrapper .menuIconBar.whiteBack .icon-menu {
}

.header-block.grcocery .list-item:hover {
    color: #17a499 !important
}

.header-block.grocery .userAccount-wrapper .signup-login-btn-div .default-text-color:hover {
    color: #17a499 !important
}

.header-block.grocery .menuDropdown .menuLink-color:hover {
    background-color: transparent !important
}

.header-block.grocery .list-item:hover {
    color: #17a499 !important
}

.header-block.grocery .menuLink-color:hover {
}

.header-block.grocery .cart-btn-wrapper.cart-border-line {
}

.header-block.furniture .list-item:hover {
    color: #17a499 !important
}

.header-block.furniture .userAccount-wrapper .signup-login-btn-div .default-text-color:hover {
    color: #17a499 !important
}

.header-block.furniture .menuLink-color:hover {
    border-color: #17a499 !important
}

.header-block.furniture .menuLink-color.parent-menulink:hover {
    border-color: #17a499 !important
}

.header-block.apparel .list-item:hover {
    color: #17a499 !important
}

.header-block.apparel .userAccount-wrapper .signup-login-btn-div .default-text-color:hover {
    color: #17a499 !important
}

.wap-header-bg-color, body.wap .omni-header.webheader, body.wap .omni-header.webheader .custom-template.mobile-header, .wap .omni-left-panel-container .section-login-signup .shortNamePosition, .wap .signUpModal .user-initials-wrapper {
    background-color: rgba(255,255,255,0) !important
}

.mobileheader {
    background-color: rgba(255,255,255,0) !important;
    background-color: #fff !important
}

.wap .social .category-tags {
    background-color: #fff !important
}

.social .all-caught-up .icon-style {
    color: #fff !important
}

.wap .social .category-tag .category-name {
    color: #2e2d2d !important
}

.wap .social .category-tag.active .category-name {
    color: #fff !important
}

.wap .social .category-tags .background-div {
    background-color: #2e2d2d !important
}

.wap .menu-link-modal-header, .section-user-options .edit-menu-btn-holder {
    background-color: #fff !important
}

body.wap .omni-header.webheader.homepage-hdr .coverImageHeader .custom-template.mobile-header, body.wap .omni-header.webheader .coverImageHeader .omni-header.webheader {
    background-color: rgba(0,0,0,0) !important
}

body.wap .omni-header.webheader.homepage-hdr .coverImageHeader .main-outer {
    background-image: none !important;
    background-color: rgba(255,255,255,0) !important
}

html.desktop body:not(.home) .webheader.homepage-hdr .header-block.coverImageHeader, html.desktop .webheader:not(.homepage-hdr) .header-block.coverImageHeader {
    background-color: #fff
}

body.wap .omni-header.webheader:not(.homepage-hdr) .coverImageHeader .custom-template.mobile-header, .wap.omniBasics .omni-header.webheader .coverImageHeader .custom-template.mobile-header, body.wap.sticky-omniheader .omni-header.webheader .coverImageHeader .main-outer, body.wap.fixed-omniheader .omni-header.webheader .coverImageHeader .main-outer {
    background-image: none !important;
    background-color: #fff !important
}

body.wap.delivery-address .omni-header.webheader .sub-header-text {
    color: #2e2d2d !important
}

body.wap .order-summary #calendarDateTimeModal .modal-header {
    background: #fff;
    color: #2e2d2d;
    opacity: 1
}

    body.wap .order-summary #calendarDateTimeModal .modal-header .back, body.wap .order-summary #calendarDateTimeModal .modal-header .modal-title, body.wap .order-summary #calendarDateTimeModal .modal-header .modal-subtitle {
        color: #2e2d2d
    }

.header-block.mobile .userAccount-wrapper {
}

.header-block.machinery2 .header-top-color {
    background-color: rgba(255,255,255,0) !important
}

.webheader .header-block.machinery2 {
    border-top-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0)
}

.child-menuLink-background:hover ~ .moreLink.menuLink-color a {
    color: #17a499 !important;
    text-decoration: none
}

.header-block.machinery2 .menulist-container .menuLink-color:hover::before {
    border-color: #17a499 !important
}

.header-block.machinery2 .menulist-container .moreLink.menuLink-color #moreTextId:before {
    border-bottom: 2px solid #17a499 !important
}

.header-block.machinery2 .header-center .menu-list-holder {
    border: none
}

.header-block:not(.coverImageHeader) .header-center .menu-list-holder, .header-block.machinery3 .third-block .header-center .leftLink-outerDiv, .header-block.machinery3 .third-block .header-center .rightLink-outerDiv {
    border-bottom: 1px solid !important
}

.header-block.machinery3 .third-block .header-center .leftLink-outerDiv, .header-block.machinery3 .third-block .header-center .rightLink-outerDiv {
    border-bottom: 1px solid #101010 !important;
    border-top: 1px solid #101010 !important
}

.header-block.machinery3 .user-icon-color {
    color: #2e2d2d !important
}

.phone-icon-color {
    color: #2e2d2d !important
}

.customise-header .preview .user-icon-color {
    color: #2e2d2d !important
}

.wap-header-icon-color, .wap .main-outer .cart-icon, .wap .main-outer .category-burger-menu i, .wap .main-outer .back-btn i, .wap .main-outer .omni-burger i, .wap .main-outer .cross-icon i, .wap .main-outer .omni-control-search i, .wap .omni-left-panel-container .section-login-signup .my-account, .wap .omni-left-panel-container .user-login-link, .wap .menu-link-modal-header .heading, .wap .menu-link-modal-header .icon-close-thin, .section-user-options .selection-btn, .omni-left-panel .section-login-signup, .wap .omni-left-panel-container .section-login-signup .right-arrow-fonts, .wap .slider-icon {
    color: #2e2d2d !important
}

.background-phone-icon-color {
    background-color: #2e2d2d !important
}

.coverImageHeader .mobile-header .user-initials-wrapper {
    background-color: #fff !important
}

.mobile-header .user-initials-wrapper {
    color: #2e2d2d !important;
    background-color: #fff !important
}

.section-user-options .selection-btn, .wap .omni-left-panel-container .section-login-signup .shortNamePosition {
    border-color: #2e2d2d !important
}

.wap .main-outer .content-text, .wap .signUpModal .user-initials-wrapper {
    color: #2e2d2d !important
}

.header-block .profile-icon {
    color: #2e2d2d !important
}

.my-account-div:hover .my-account-popup .profile-icon, .signup-login-btn-div:hover .login-icon-holder .profile-icon {
    color: #17a499 !important;
}

body.wap .verify-mobile .mob-no .warning-btn.disabled, body.wap .order-summary .cnfrmwp .cnfrmbtn.disabled, body.wap .mdyadrs .cnfrmwp .cnfrmbtn.disabled {
    background-color: #cfcfcf;
    color: #FFF;
    cursor: default;
    opacity: 1
}

.omni-header .header-block .custom-template .srchbarwp input::-webkit-input-placeholder, .omni-header .header-block .custom-template .srchbarwp input::placeholder, .omni-header .header-block .custom-template .srchbarwp input.dummy-input, .omni-header .header-block .custom-template .srchbarwp .search-bar .srchicnwp.icons-block .search-icon {
    color: #788288 !important
}

.omni-header .header-block .custom-template .srchbarwp .search-bar {
    border-color: #EAEAEA !important;
    background-color: #fff !important
}

    .omni-header .header-block .custom-template .srchbarwp .search-bar .icons-block .icon-barcode, .omni-header .header-block .custom-template .srchbarwp .search-bar .icons-block .icon-microphone, .omni-header .header-block .custom-template .srchbarwp .search-bar .icons-block .icon-GlList {
        color: #747474 !important
    }

.header-block .defaultLink-wrapper .store-Outlet:hover .iconLocation {
    color: #17a499
}

.header-block .defaultLink-wrapper .store-Outlet:hover .store-name-color {
    color: #17a499
}

.omni-left-panel .section-login-signup, .omni-left-panel .section-login-signup:active {
    background-color: #fff !important
}

.second-partition-solid {
    background-color: #fff !important
}

#topcontrol {
    background-color: #17A599 !important
}

.wap #JDvoice_search .mic-icon-holder-inner svg g rect {
    fill: #fff
}

.product-name-price-details .enquire-tab.active, .product-name-price-details .buy-online-tab.active {
    border-top-color: #17a499 !important;
    color: #17a499 !important
}

.product-name-price-details .enquire-tab:not(.active), .product-name-price-details .buy-online-tab:not(.active) {
    border-bottom-color: #17a499 !important
}

.product-name-price-details .buy-online-tab {
    border-right-color: #17a499 !important
}

.primary-btn-color-non-imp {
    background-color: #17a499
}

.primary-btn-color-imp {
    background-color: #17a499 !important
}

.notification-container .primary-btn-color-non-imp {
    background-color: #17a499
}

.primary-btn-psuedo-with-brd::after {
    background-color: #17a499;
    border-color: #17a499
}

.primary-btn-brd::after {
    border-color: #17a499
}

.primary-btn-color, .primary-btn-color-opaque, .btn.primary-btn-color, body.wap .btn.primary-btn-color, .send_enquiry_btn.primary-btn-color, .enquiryForm .send-enquiry.primary-btn-color, .wap .listing-outerDiv .add-to-cart.primary-btn-color {
    background-color: #17a499;
    color: #fff;
    outline-color: transparent;
    transition: 0.3s
}

    .primary-btn-color:hover {
        background-color: #009210;
    }

    .primary-btn-color:focus, .btn.primary-btn-color:focus {
        color: #fff
    }

.primary-color-border, .product-btn .primary-color-border {
    border-color: #17a499
}

.custom-template .primary-btn-color {
    border-style: solid;
    border-color: #17a499
}

.primary-btn-color .loading-span {
    border-color: #fff;
    border-top-color: transparent
}

.button-component .loader-svg-holder .circle, .full-width-button circle {
    stroke: #fff !important
}

.tertiary-btn-color .loading-span {
    border-color: #17a499;
    border-top-color: transparent
}

.secondary-btn-color .loading-span {
    border-color: #fff;
    border-top-color: transparent
}

.wap .quantity-change-div {
    border-color: #17a499
}

.quantity-change-div .loading-span, .qty-up-down .loading-span {
    border-color: #17a499;
    border-top-color: transparent
}

.primary-btn-color-opaque {
    background-color: #17a499
}

.social .category-section .category-name-color {
    color: #1bb8ac
}

.secondary-btn-color, .btn.secondary-btn-color {
    background-color: #17a499;
    color: #fff;
    border-color: #17a499;
    outline-color: transparent;
    transition: 0.3s
}

.template-main-container .secondary-btn-color, .template-main-container .btn.secondary-btn-color {
    font-family: Muli;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    border-width: 1px;
    line-height: normal;
    letter-spacing: normal
}

.floatCartButton .cart-txt-icon, .floatCartButton:hover .cart-btn-icon, .webheader .floatCartButton .cart-btn-icon, .webheader .floatCartButton .cart-icon {
    color: #fff !important
}

.floatCartButton .cart-cnt-bg.cart-count-val {
    background-color: #fff !important
}

.floatCartButton .cart-cnt-bg .cart-count-val {
    color: #17a499 !important
}

.emptycart .cart-emptyBx .cont-shop button.tertiary-btn-color, .desktop .prod-detail-section .view-all-tab.tertiary-btn-color, .listing-outerDiv .enquiry-mobile.tertiary-btn-color, .template-main-container .cms-add-action-button.tertiary-btn-color, .emptycart .cart-emptyBx .cont-shop button.tertiary-btn-color, #bookAppointment .submit-btn.tertiary-btn-color, .tertiary-btn-color, .wishlist-outerDiv .wishlist-body .wishlist-products .tertiary-btn-color, .btn.tertiary-btn-color, body.wap .btn.tertiary-btn-color, .product-details-page .range-default-style.selected, .btn.tertiary-btn-color:focus {
    background-color: #fff;
    color: #17a499;
    border-color: #17a499;
    outline-color: transparent;
    transition: 0.3s
}

.template-main-container .cms-add-action-button.tertiary-btn-color {
    border-radius: 30px
}

.primary-icon-btn-color, .qty-up-down .primary-icon-btn-color, .adbutton2.primary-icon-btn-color {
    background-color: transparent;
    color: #17a499;
    border-color: transparent;
    outline-color: transparent;
    transition: 0.3s
}

    .primary-icon-btn-color .background-icon {
        background-color: #fff
    }

.myAccount .my-account .myaccount-area .save-info-btn .btn {
    background-color: #17a499;
    color: #fff;
    border-color: #17a499;
    outline-color: transparent
}

.button-design-modal .default-primary-btn {
    background-color: #17a499;
    color: #fff;
    border-color: #17a499;
    outline-color: transparent;
    transition: 0.3s;
    font-family: Muli;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    border-width: 1px;
    line-height: inherit;
    letter-spacing: normal
}

    .button-design-modal .default-primary-btn:focus {
        color: #fff !important;
        font-family: Muli;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        border-radius: 30px;
        font-size: 14px;
        border-width: 1px;
        line-height: inherit;
        letter-spacing: normal
    }

.button-design-modal .default-secondary-btn {
    background-color: #17a499;
    color: #fff;
    border-color: #17a499;
    outline-color: transparent;
    transition: 0.3s;
    font-family: Muli;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    border-width: 1px;
    line-height: inherit;
    letter-spacing: normal
}

.button-design-modal .default-tertiary-btn, .button-design-modal .default-tertiary-btn:focus {
    background-color: #fff;
    color: #17a499;
    border-color: #17a499;
    outline-color: transparent;
    transition: 0.3s;
    font-family: Muli;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    border-width: 1px;
    line-height: inherit;
    letter-spacing: normal
}

.product-info-sec .ranges.selected, body.wap .product-variants .product-variant-keys .variant.active, body.wap .product-variants .variant-selected-style, .product-info-sec .variants .variant-selected-style {
    color: #17a499 !important;
    border-color: #17a499 !important
}

.floatCartButton, .enquiryForm .submit-btn.primary-btn-color, #calendarDateTimeModal .react-datepicker .react-datepicker__day--highlighted, .couponCodeSection .coupon-input-box .input-group-btn .primary-btn-color, #bookAppointment .submit-btn.primary-btn-color, .wishlist-outerDiv .wishlist-body .wishlist-products .primary-btn-color, .gymain .save-cont-wrp .svCont, :not(.button-design-modal).template-main-container .btn:not(.toolbar-action), .coverImageHeader.template-main-container .custom-template .editable-button-container .btn, .delivery-slot-container .date-card-container .date-card.selected, .delivery-slot-container .time-slot-container .time-slot.selected, .wap .deliverySlot .delivery-slot-container .react-datepicker .react-datepicker__day.react-datepicker__day--selected, .wap .deliverySlot .delivery-slot-container .date-section .date-card-container .date-card.selected, .wap .deliverySlot .delivery-slot-container .slots-wrapper .time-slot-container .time-slot.selected {
    background-color: #17a499;
    color: #fff;
    border-color: #17a499;
    outline-color: transparent;
    transition: 0.3s
}

.coverImageHeader.template-main-container .custom-template .editable-button-container .btn, .template-main-container .btn, .template-main-container .primary-btn-color {
    border-radius: 30px;
    font-family: Muli;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    border-width: 1px;
    line-height: normal;
    letter-spacing: normal
}

.addBx.autoAdButon .adbutton1.primary-btn-color, .auto-rfqBtnWrp .rfqBtn.primary-btn-color {
    border: 1px solid #17a499;
    background-color: #17a499;
    color: #fff;
    line-height: 25px
}

.wap.preview .zoomImageDiv .belowSlider .sliderElement .sliderList.border-blue {
    border-color: #17a499 !important
}
/*=======================PHONE OPEN ALERT CSS START==================================*/
.show-me {
    display: block;
}

.open-ot-alert {
    position: fixed;
    bottom: 20px;
    right: 90px;
}

.notification-image-holder {
    background: #17A599;
    padding: 10px;
    border-radius: 50px;
}

    .notification-image-holder:hover {
        background: #00b029;
    }

.open-ot-alert p {
    color: #444;
}

.more-ot-alert p {
    font: 16px Arial;
    line-height: 18px;
    line-height: 1.2rem;
    margin-top: 0;
}

.more-ot-alert:before {
    content: "";
    position: absolute;
    top: 24px;
    left: -15px;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #9e9e9e;
    display: block;
    width: 0;
    z-index: 1;
}

.more-ot-alert:after {
    content: "";
    position: absolute;
    top: 27px;
    left: -12px;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent #eee;
    display: block;
    width: 0;
    z-index: 1;
}

.more-ot-alert .close-ot-alert {
    font-size: 15px;
    font-size: 1rem;
    clear: both;
    cursor: pointer;
    float: right;
    margin: -5px -3px 0 0;
}

    .more-ot-alert .close-ot-alert i {
        color: #999;
    }

        .more-ot-alert .close-ot-alert i:hover {
            color: #cc0000;
        }

@-webkit-keyframes move {
    50% {
        transform: translate(10px, 0);
    }
}

@keyframes move {
    50% {
        transform: translate(10px, 0);
    }
}
/*=====================PHONE OPEN ALERT CSS END==================================*/
.modal-section .modal-content {
    width: 340px;
    margin: 100px auto 20px;
}

.modal-section .modal-header {
    padding: 0 10px;
}

.modal-section .modal-title {
    font-size: 18px;
    color: #333;
    padding-top: 5px;
}

.modal-section .modal-body {
    padding: 0;
}

    .modal-section .modal-body p {
        text-align: center;
        font-size: 14px;
        color: #999;
        margin: 0;
    }

.modal-section .modal-header .close {
    padding: 0;
    margin: 0;
    font-size: 35px;
    font-weight: normal;
}

    .modal-section .modal-header .close:hover {
        color: red;
    }

.enquiry-form-design .form-group {
    margin-bottom: 10px;
    min-height: 62px;
}

    .enquiry-form-design .form-group .col-md-12 {
        padding: 0 10px;
    }

    .enquiry-form-design .form-group .label-title {
        font-weight: 400;
        font-size: 14px;
        color: #484848;
        margin-bottom: 5px;
        display: inline-block;
        text-transform: uppercase;
    }

.enquiry-form-design .form-control {
    padding: 5px 10px;
    border: 1px solid #d6d6d6;
    width: 100%;
    border-radius: 5px;
}

.form-design .form-group {
    margin-bottom: 10px;
    min-height: 35px;
}

    .form-design .form-group .col-md-12 {
        padding: 0 10px;
    }

#AgentEntryForm .col-md-6 {
    padding: 0 5px;
}

#AgentEntryForm .col-sm-12 {
    padding: 0 5px;
}

#StudentEntryForm .col-md-6 {
    padding: 0 5px;
}

#StudentEntryForm .col-sm-12 {
    padding: 0 5px;
}

.form-design .form-group .label-title {
    font-weight: 400;
    font-size: 14px;
    color: #484848;
    margin-bottom: 5px;
    display: inline-block;
    text-transform: uppercase;
}

.form-design .form-control {
    padding: 5px 10px;
    border: 1px solid #d6d6d6;
    width: 100%;
    border-radius: 5px;
}

select.form-control:not([size]):not([multiple]) {
    height: initial;
}

span.valerror[style*="inline"] {
    display: block !Important;
    background-color: Yellow;
    padding-left: 5px;
    font-size: 13px;
}

::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.iti {
    width: 100%;
}

.mobilecountrycode ul li {
    float: inherit;
}
/*====================================================*/
.news-content-box {
    box-shadow: 0px 5px 20px 2px #c9c9c9;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 10px;
}

    .news-content-box h2 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 15px;
        text-align: left;
        font-weight: bold;
        color: #002147;
        line-height: 18px;
        background: #FAFAFA;
    }

    .news-content-box p {
        font-size: 16px;
        text-align: left;
        color: #333;
        margin-bottom: 0;
        line-height: 20px;
    }

.message-control ul {
    padding: 0;
    margin: 0;
}

    .message-control ul li {
        list-style: none;
        float: left;
        margin-left: 5px;
        font-size: 12px;
    }
/*=============SIGNIN-SIGNUP-MODAL START=================*/
.signin-signup-modal .modal-content {
    width: 450px;
    margin: 50px auto 20px;
}

.signin-signup-modal .modal-header {
    padding: 0 10px;
}

.signin-signup-modal .modal-title {
    font-size: 18px;
    color: #333;
    padding-top: 5px;
}

.signin-signup-modal .modal-body {
    padding: 0;
}

    .signin-signup-modal .modal-body p {
        text-align: center;
        font-size: 14px;
        color: #999;
        margin: 0;
    }

.signin-signup-modal .modal-header .close {
    padding: 0;
    margin: 0;
    font-size: 35px;
    font-weight: normal;
}

    .signin-signup-modal .modal-header .close:hover {
        color: red;
    }

.signin-signup-modal .align-div-center {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 30px;
}

.signin-signup-modal .logo-heading {
    font-size: 28px;
    border-bottom: 1px solid #cfcfcf;
    line-height: 35px;
    padding-bottom: 5px;
    text-align: left;
}

.signin-signup-modal .left-section {
    width: 40%;
    height: inherit;
    padding: 10px 15px;
    background: #f4f4f4;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid rgba(54,54,54,.15);
}

.signin-signup-modal .right-section {
    width: 60%;
    background-color: #fff;
    height: inherit;
}

.signin-signup-modal .footer {
    font-size: 16px;
    color: #0086ff;
    text-align: center;
    margin-top: 17px;
}

.signin-signup-modal .forgot-password-container {
    font-size: inherit;
    padding: 0;
    color: inherit;
}
/*===============SIGNIN-SIGNUP-MODAL END=================*/
.modal-title .nav-link {
    display: block;
    padding: 2px 6px 0;
    border-radius: 0px !important;
    background: #efefef;
    color: #000;
    margin-right: 5px;
    font-size: 15px;
    font-family: Arial,sans-serif;
}

    .modal-title .nav-link:hover {
        background: #fba100;
        color: #fff;
    }

.modal-title .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #00b516;
}

.news-content-box img {
    height: 250px !important;
    width: 100% !important;
}
/*=======================================*/
.select2-container {
    width: 100% !important;
    border-radius: 5px !important;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 6px 0 !important;
    margin-left: -8px !important;
    margin-top: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border-radius: 5px !important;
}
/*=======================================*/