.header nav{box-shadow: 0px 6px 16px #00000015; z-index: 1400;background-color: #fff; width:100%; top:0;height:100px;flex-wrap:wrap;left:0;right:0;max-width:100vw;}
.header.foundation-header nav { position: fixed; }
.header:not(.foundation-header,.exchange-header) nav {  position: sticky; }
.navbar .navbar-toggler {display: block; border-width: 0; color:#333436; padding-right:0}
.navbar-toggler-icon{background: none !important;margin-top:5px;}
.navbar a.logo {display: block;}
.navbar .navbar-brand {align-self: flex-start; overflow: visible;}
/* .logo img {max-height: 50px; max-width: 300px;} */
.logo img{height:50px;/*width:auto;*/ width:275px} /* adding width to make the svg image display in IE */
.navbar li{/*padding: 10px 35px 10px 0px;*/ padding: 10px 25px 10px 0px;}
.navbar li a{color:#65686B !important;}
.navbar li.active a{color:#e35205 !important;}
.navbar li a:hover{/*color:#333436 !important;*/ text-decoration: underline;}
.header.small-header nav{height: 67px;}
.header.small-header .global-nav{display: none;}
.header.small-header .user-section{display: none;}
.header.small-header .logo img{height: 40px; width:auto;}
.fixed-top{z-index:1400;}

.overlay-mask{background-color:#333;width:100vw;height:100vh;opacity:0.4;}
#main-navigation{position: fixed; top: -2000px;right:0;z-index:2000;/*max-height: calc(100vh - 100px);overflow-y: auto;*/}
.navbar-collapse.show{top:0 !important;}
#login-flyout.navbar-collapse.show{top:10px !important;}
.main-navigation-content{width:350px;display: inline-block;float:right; z-index:3000;position: absolute; top: 0; right: 0;max-height: 100vh; overflow-y: auto;}
.close-nav{float: left; font-size:1.67rem;color:#fff;padding:15px; cursor: pointer;}
.navigation-section{margin-left:50px;}
.nav-top{background-color: #f3f3f3;padding:15px;}
.greetings{margin-bottom: 10px; font-size: 1.08rem; line-height: 1.67rem;}
.greetings .username{font-weight: 500;}
/* .search-bar{padding-right: 25%;} */
.search-bar input{border-right: 0 !important;}
.search-bar .input-group-append{position: absolute; right:0; height: 45px;}
.search-bar .input-group-text{background-color: #fff;border-left: 0 !important;}
.search-bar i, .search-bar em{font-size: 1.63rem;color:#c9c9c9;}
.header-quick-links ul{list-style: none; padding:0;margin-bottom: 0;}
.header-quick-links ul li a{color:#65686B;font-weight: 500;}
.header-quick-links ul li a:hover{color:#d74100;}
.nav-links-section{background-color: #fff;padding:15px;}
.nav-title{font:0.92rem/2.50rem 'Poppins'; font-weight: 500; color:#333436;}
.nav-group-link-title{font-weight: 500; color:#65686B;}
.nav-links-section .link-group a:hover{color:#d74100;}
.nav-title i, .nav-title em{float: right; margin-top: 13px;color:#e35205; /*padding-right:25%;*/}
.nav-links-section ul{list-style:none;padding-left:0;}
.nav-links{padding-left:15px !important;}
.nav-links ul{padding-left:15px;}
.nav-links-section .link-group{border-bottom: 1px solid #e8e7e5;}
.nav-links-section .link-group:last-child{border-bottom: 0}
.language-section{padding:15px;background-color: #f3f3f3;}
/* .language-section .input-group{padding-right:25%;} */
/* .language-section .input-group-prepend{position: absolute;left:0;height: 45px;} */
.language-section select{border-left: 0 !important; }
.language-section .input-group-prepend .input-group-text{border-right:0 !important;border-left:1px solid #d9d9d9 !important;}
.language-section .input-group-prepend .input-group-text i{font-size: 1.63rem;color:#c9c9c9;}
#login-flyout{position: fixed; top: -2000px;right:100px;z-index:5000;width:100%;height:100%;}
.login-content{width: 300px; display: inline-block; float: right; background-color: #fff; border: 1px solid #d9d9d9; padding:20px; box-shadow: 0px 6px 16px #00000015;}
.login-title{font:1.50rem/2.50rem 'Poppins'; font-weight:500;float:left;color:#333436; width: 100%;}
.forgot-title{font:1rem/2.50rem 'Poppins'; font-weight:500;float:left;color:#333436; width: 100%;}.login-close{float: right; cursor: pointer;}
.login-btn{/*width:100%;*/ width:auto; margin-bottom:20px;}
.facebook-login{background-color: #002677; color:#fff;width:auto;margin-bottom:20px;border-radius:0;}
.facebook-login:hover{color:#fff;}
.facebook-login i, .facebook-login em{margin-right: 5px;}
.login{cursor: pointer;}
.nav-top .login{font: 1.08rem/1.67rem 'Poppins';margin-bottom: 10px;color: #333436;font-weight: 500;}
.login i, .login em{margin-right:10px;}
.signup{color:#e35205;}
.forgot-password{color: #e35205;}
/* .login-links a{display: block;} */
/* .login-links a.forgot-username, .login-links a.forgot-password{display: inline;} */
.user-section{padding-right:35px;}
/* forgot password */
.forgot-form-module{padding-top:10px;}
.forgot-cancel-btn{margin-left:10px;}
.green-text{color:#96ca50;}
.login-form .facebook-login{width:auto;margin-top:20px;}

.notification-bar{border:3px solid #96ca50; width:100%;display: none;text-align: center;background-color: #fff;position:fixed;z-index: 1400;}
.notification-bar .alert{width:100%; background-color: #fff;text-align: center; color:#333436;font-weight: 500;margin-bottom:0;border-radius:0;padding:10px 35px;display: flex;justify-content: center;}
.notification-bar .alert h5{display: flex;width: 92%;justify-content: center;align-items: flex-start;}
.notification-bar .alert h5 .notify-icon{ margin-right:5px;width:25px;}
.notification-bar .alert h5 .notify-msg{padding-top: 3px;padding-right: 10px;text-align: left;}
.notification-bar .alert button.close{font-size: 0.92rem;line-height: 1.25rem;padding:10px;top:38%;transform: translateY(-35%);right:10px;} 
.notification-bar .alert button.close .close-text{margin-right: 5px;}
.notification-bar .alert button.close img{width:16px;}
.header.notify-header .notification-bar{top:100px;}
.header.small-header.notify-header .notification-bar{top:67px;}
.notification-bar.show{display: block;}

.notification-bar-blue{width:100%;display: none;text-align: center;background-color: #002677;position:fixed;z-index: 1400;}
.notification-bar-blue .alert{width:100%; background-color: #002677;text-align: center; color:#fff;font-weight: 500;margin-bottom:0;border-radius:0;padding:10px 35px;display: flex;justify-content: center;}
.notification-bar-blue .alert h5{display: flex;width: 92%;justify-content: center;align-items: flex-start;color:#fff;}
.notification-bar-blue .alert h5 .notify-icon{ margin-right:5px;width:25px;}
.notification-bar-blue .alert h5 .notify-msg{padding-top: 3px;padding-right: 10px;text-align: left;}
.notification-bar-blue .alert button.close{font-size:0.92rem;line-height: 1.25rem;padding:10px;top:38%;transform: translateY(-35%);right:10px;} 
.notification-bar-blue .alert button.close .close-text{margin-right: 5px;}
.notification-bar-blue .alert button.close img{width:16px;}
.header.notify-header .notification-bar-blue{top:100px;}
.header.small-header.notify-header .notification-bar-blue{top:67px;}
.notification-bar-blue.show{display: block;}
.notification-bar-blue .close{opacity: unset;}

.navigation-section .nav-top .search-bar .global-search{margin-top:0;padding:0;background-color:unset;}
.print-header{display: none;}

/* new header changes */
.header .navbar .container {height: 100%;align-items: flex-start;}
.header nav {font-weight: 500;padding-top: 0;padding-bottom: 0;align-items: flex-start;font-smoothing: antialiased;-webkit-font-smoothing: antialiased; /*transition: height .3s ease-out;*/box-shadow: 0px 6px 16px #0000000A;}
.navbar a.logo {display: flex;align-self: center;}
.top-nav, .bottom-nav {justify-content: flex-end;}
header nav .navbar-nav a.nav-link:hover {text-decoration: none !important;}
.top-nav > li {padding: 5px 25px 0px 0px;}
.top-nav > li > .nav-link {padding: 0}
.top-nav > li > .nav-link:hover {color: #333436 !important;}
.top-nav > li > .nav-link em {margin-left: 5px;}
.top-nav .nav-link img {width: 25px;margin-left: 5px;}
.top-nav .search a:hover {border: 2px solid #d9d9d9;border-radius: 20px;text-decoration: none !important;}
.login-user, .logged-in-user {background-color: #f3f3f3;border-bottom-left-radius: 20px;}
.navbar li.login-user a, .navbar li.logged-in-user > a {color: #CB3D00  !important;padding-left: 20px !important;display: flex;align-items: flex-end;}
.navbar li.login-user a:before, .navbar li.logged-in-user > a:before {content: url('/Banfield/images/icon_nav-user.svg');display: inline-flex;margin-right: 5px;height: 25px;width: 12px;}
.navbar li.login-user a:hover, .navbar li.logged-in-user > a:hover {text-decoration: none !important;color: #d74100 !important;}
.navbar li.login-user a:hover:before, .navbar li.logged-in-user > a:hover:before {content: url('/Banfield/images/icon_nav-user_hover.svg');}
/* .navbar li.login-user a em{color:#65686B !important; margin-right:5px; margin-left:0;} */
.login-lang {background-color: #f3f3f3;border-bottom-right-radius: 20px;border-left: 2px solid #d9d9d9;}
.login-lang > a {padding-left: 20px !important;padding-right: 20px !important;cursor: pointer;display: flex;align-items: center;}
.login-lang > a:before {content: url('/Banfield/images/icon_nav-language.svg');display: inline-flex;margin-right: 5px;height: 25px;width: 12px;}
.login-lang > a:hover {text-decoration: none !important;}
.login-lang > a:hover:before {content: url('/Banfield/images/icon_nav-language_hover.svg');}
/* .login-lang a em{margin-right: 5px; margin-left:0 !important;} */
/* .navbar li.login-lang.dropdown:hover .dropdown-menu{display: block;} */
/* .login-lang.dropdown:hover .dropdown-menu { margin-top: 0;border: 1px solid #d9d9d9;}
.navbar li.logged-in-user.dropdown:hover .dropdown-menu{display: block;} */
.logged-in-user .dropdown-menu a:hover {color: #d74100 !important; cursor: pointer}
/* .logged-in-user.dropdown:hover .dropdown-menu { margin-top: 0;border: 1px solid #d9d9d9;} */
.logged-in-user .dropdown-menu a:hover {color: #d74100 !important;cursor: pointer}
.nav-link.shop {display: flex;align-items: center;}
.nav-link.shop:after {content: url('/Banfield/images/icon_mini-shop.svg');display: inline-flex;margin-left: 5px;height: 25px;width: 12px;}
.nav-link.shop:hover:after {content: url('/Banfield/images/icon_mini-shop_hover.svg');}
.nav-link.appointment {display: flex;align-items: flex-end;}
.nav-link.appointment:after {content: url('/Banfield/images/icon_nav-make-appointment.svg');display: inline-flex;margin-left: 5px;height: 25px;width: 12px}
.nav-link.appointment:hover:after {content: url('/Banfield/images/icon_nav-make-appointment_hover.svg');}
.pop-arrow {position: absolute;display: block;width: 1rem;height: 0.5rem;top: calc(-0.5rem - 1px);left: 15%; /*transform: translate(59px, 0px);*/}
.pop-arrow::after, .pop-arrow::before {position: absolute;display: block;content: "";border-color: transparent;border-style: solid;}
.pop-arrow:before {top: 0;border-width: 0 0.5rem 0.5rem 0.5rem;border-bottom-color: rgba(0,0,0,.25);}
.pop-arrow::after {top: 1px;border-width: 0 0.5rem 0.5rem 0.5rem;border-bottom-color: #fff;}

.login-lang .dropdown-item.active, .login-lang .dropdown-item:active, .login-lang .dropdown-item:focus, .login-lang .dropdown-item:hover {background: none;}
.logged-in-user .dropdown-item.active, .logged-in-user .dropdown-item:active, .logged-in-user .dropdown-item:focus, .logged-in-user .dropdown-item:hover {background: none;}
.bottom-nav > li {position: relative;}
.bottom-nav > li > .nav-link:hover {color: #d74100 !important;}
.bottom-nav > li > .nav-link.active {color: #d74100 !important;}
.bottom-nav li a {cursor: pointer;}

.menu-arrow {position: absolute;top: -18px;left: 0;right: 0;}
.menu-arrow img {width: 12px;transform: rotate(180deg);height: 20px;background: #fff;}
.menu-container {position: relative;width: 100%;background-color: #fff;border: 1px solid #d9d9d9;padding: 30px 0;min-height: 100px; /*max-height: 500px; overflow-y: auto;*/z-index: 1500;}
.main-nav-menu {display: none; /*opacity:0;height: 0;display: flex;*/justify-content: flex-end;margin-left: auto;max-width: calc(1024px - 50px);}
.main-nav-menu.open-menu { /*opacity:1;height: auto;*/display: flex;}
.main-nav-menu .menu-column { /*min-width: calc((1024px - 50px)/4); max-width:calc((1024px - 50px)/4);padding-right: 15px;*/ padding-left: 0; list-style: none; column-rule: solid 1px #D9D9D9; column-gap: 3em; }
.menu-column .menu-link > a { display: flex; align-items: flex-start; padding-top: 10px; line-height: 125%; }
.main-nav-menu .menu-column.cols-3 {columns: 3}
.main-nav-menu .menu-column.cols-4 {columns: 4}
.menu-column .menu-link {font-weight: 500;color: #333436;min-width: calc((1024px - 50px)/4);max-width: calc((1024px - 50px)/4); margin-bottom:20px;break-inside:avoid;}
.menu-column .menu-link img {width: 40px;margin: -10px 10px 8px 0;}
.sub-menu-links {list-style: none;padding-left: 50px;}
.main-nav-menu .menu-column.cols-1 { columns: 2; column-rule: none; }
.main-nav-menu .menu-column.cols-1 .menu-link { break-inside: avoid; }
.overlay-mask {position: absolute;left: -99999px;top: 0;opacity: 0;background: rgba(0,0,0,.5);transition-property: opacity, -webkit-backdrop-filter, backdrop-filter;transition-duration: .3s;}
.overlay-mask.show {position: absolute;left: 0;top: 0;opacity: 0.4;}
/* .navbar .navbar-toggler{display: none;margin-top: auto;margin-bottom: auto;} */
#main-navigation .overlay-mask {position: relative;opacity: 1;left: 0;height: 100%;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}
.navbar-collapse.show {top: 67px !important;}
.usr-sec .login-user, .usr-sec .logged-in-user {display: flex;align-items: center;padding-left: 0 !important;}


.usr-sec .login-user a, .usr-sec .logged-in-user > a {
    color: #d74100;
    display: flex;
    align-items: center;
}

.usr-sec .login-user a:before, .usr-sec .logged-in-user > a:before {
    content: url('/Banfield/images/icon_nav-user.svg');
    display: inline-block;
    margin-right: 5px;
}

.usr-sec .login-user a:hover {
    text-decoration: none !important;
}

.usr-sec .login-user a:hover:before {
    content: url('/Banfield/images/icon_nav-user_hover.svg');
}
/* .usr-sec .login-user a em{color:#65686B;margin-right:5px;} */
.usr-sec .login-lang {
    border-left: 0;
    margin-left: auto;
    padding-right: 0 !important
}

    .usr-sec .login-lang:before {
        display: none;
    }

    .usr-sec .login-lang .pop-arrow {
        left: 70%;
    }

.usr-sec {
    display: flex;
}

.nav-group-link-title img {
    width: 40px;
    margin: 8px 15px 8px 0;
}

.nav-group-link-title em { /*float: right;margin-top: 8px;*/
    color: #e35205;
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 2px;
    margin-left: auto;
}

.nav-sub-menu {
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 5000;
    height: 100%;
    display: flex;
}

.back-main-menu {
    flex: 0 0 50px;
    padding: 30px 15px;
}

.back-main-menu em {
    float: left;
    font-weight: 700;
    font-size: 1.5rem;
}

.sub-menu-title {
    font-weight: 500;
    font-size: 1rem;
    color: #d74100;
    margin-bottom: 20px;
}

.sub-menu-content {
    box-shadow: 0px 6px 16px #00000014;
    width: 100%;
    padding: 30px 15px;
    height: 100%;
    overflow-y: auto;
}

#main-navigation .sub-menu-links {
    padding-left: 0 !important;
}

#main-navigation .nav-links-section .nav-title.active {
    color: #d74100;
}

#main-navigation .top-nav-links {
    background-color: #fff;
    padding: 15px;
    list-style: none; /*padding-bottom: 40px;*/
    margin-bottom: 0;
}
    /* #main-navigation .top-nav-links .m-signout a{color: #d74100; display: flex; align-items: center;}
#main-navigation .top-nav-links .m-signout a:before{content: url('/Banfield/images/icon_nav-user.svg');display: inline-flex;margin-right: 5px;width: 15px;justify-content: center;} */
#main-navigation .top-nav-links .m-shop {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

#main-navigation .top-nav-links .m-shop:before {
    content: url('/Banfield/images/icon_mini-shop.svg');
    display: inline-flex;
    margin-right: 5px;
    width: 15px;
    justify-content: center;
}

#main-navigation .top-nav-links .m-appointment {
    display: flex;
    align-items: center;
}

#main-navigation .top-nav-links .m-appointment:before {
    content: url('/Banfield/images/icon_nav-make-appointment.svg');
    display: inline-flex;
    margin-right: 5px;
    width: 15px;
    justify-content: center;
}

.nav-item.search {
    padding-top: 0;
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.nav-item.search .nav-link {
    line-height: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 95px;
    transition: width 1s;
}

.nav-item.search .nav-link em {
    float: right;
}

.nav-item.search .nav-link.focused {
    width: 250px;
    border: 2px solid #d9d9d9;
    border-radius: 20px;
}

.nav-item.search-field .global-search {
    margin-top: 0;
    background: none;
    padding: 0;
}

.nav-item.search-field .global-search input {
    height: 28px !important;
    width: 250px;
}
    /* .nav-item.search-field .global-search input:focus{width:250px;} */
.nav-item.search-field .global-search .input-group-append {
    height: 24px;
    width: 33px;
}

.nav-item.search-field .global-search .input-group-text em {
    font-size: 0.81rem;
    width: 100%;
    color: #65686B;
    align-items: center;
    display: flex;
    justify-content: center;
}

.nav-item.search-field .global-search .input-group-text.focused em {
    color: #fff;
}

.global-search .orange-text {
    color: #CB3D00 !important;
}

#main-navigation .nav-links {
    padding-left: 0 !important;
}

.nav-item.search-field .global-search .dropdown-content {
    margin-top: -14px;
}

.navbar li {
    padding-left: 1em;
    padding-right: 0;
    padding-bottom: .5em;
    
}

.top-nav > li {
    padding-left: 1em;
    padding-right: 0;
}

    .top-nav > li > .nav-link {
        font-size: 0.813rem;
        padding-top: 2px;
        padding-left: .33em !important;
        padding-right: .33em !important;
    }

        .top-nav > li > .nav-link em {
            margin-left: 0.9em;
        }

.nav-item.login-user, .nav-item.logged-in-user {
    margin-left: 1em;
}

.bottom-nav > li {
    padding-top: 0;
}

.navbar-nav.nav.bottom-nav {
    position: absolute;
    right: 0;
    bottom: 10px;
    margin-right: 10px;
}

.header .navbar .container {
    position: relative;
}

.login-user, .logged-in-user {
    padding-left: 1.2em !important;
    padding-right: .75em !important;
}

.login-lang {
    border-left: 0;
    padding-left: .75em !important;
    padding-right: 1.2em !important;
}

    .login-lang:before {
        content: "";
        position: absolute;
        height: 1.25rem;
        width: 1.5px;
        background: #d9d9d9;
        display: block;
        left: 0;
        top: 10px;
    }

    .login-lang .nav-link {
        display: inline-flex;
        align-items: center;
    }

.navbar li.login-user a, .navbar li.logged-in-user > a {
    padding-left: 0 !important;
    padding-right: .2em !important;
}

.global-header-links {
    display: block;
    transition: opacity .2s;
}

.small-header .global-header-links {
    opacity: 0;
}

.small-header .navbar-toggler {
    opacity: 1;
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
}

.logo img {
    width: 275px;
    /* height: 50px; */
    transition: width .3s ease-out;
}

.small-header .logo img {
    width: 220px;
    /* height: 40px; */
}

.overlay-mask.show {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    opacity: 1;
    height: 110vh;
}

.login-lang .dropdown-menu {
    z-index: 1600;
}

.login-lang.dropdown .dropdown-item {
    font-size: 0.813rem;
    padding: 0 1em;
    cursor: pointer;
}

.login-lang .dropdown-menu {
    min-width: 0;
    border-width: 2px;
}

.logged-in-user .dropdown-menu {
    z-index: 1600;
}

.logged-in-user.dropdown .dropdown-item {
    font-size: 0.813rem;
    padding: 0 1em;
}

.logged-in-user .dropdown-menu {
    min-width: 0;
    border-width: 2px;
}

.top-nav .search a {
    border: 2px solid transparent;
}

.nav-item.search .nav-link {
    padding: 6px 10px !important;
    height: 1.82275rem;
}

.nav-item.search {
    margin-top: 4.5px;
}

.nav-item.search-field .form-control::placeholder {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 0.813rem;
    color: #65686B !important;
    opacity: 1 !important;
}

.navbar-toggler {
    opacity: 0;
    width: 0;
    padding: 0;
}

.small-header .navbar-toggler {
    opacity: 1;
}

.header nav {
    transition: height .3s ease-out;
}

.login-lang .nav-link {
    min-width: 42px;
}

.main-navigation-content {
    width: 50vw;
    height: 100%; /*position: fixed;top:67px;*/
    bottom: 0;
    max-height: 100%;
}

.nav-links .nav-group-link-title a {
    display: flex;
    align-items: center;
}

#main-navigation .sub-menu-links a {
    padding: 10px 0;
}

.top-nav .nav-link { display: flex; align-items: center; }
.top-nav .nav-link img { width: 15px; height: 15px; }
.top-nav .nav-link:hover img { filter: brightness(0.4); }
.top-nav .nav-link.active:hover img { filter: none; }

.header.fixed-top { /*:has(.menu-container.collapse.show){*/ z-index: 2000; }
.header.fixed-top:has(.navbar-collapse.collapse.show) { z-index: 2020; }

.app-callout {display: none; position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; height: 84px; background: #F5F5F5; z-index: 999999;}
.app-callout .icon-close{ position: absolute; top: calc(50% - 6px); left: 9px; display: block; margin: 0; width: 12px; height: 12px; border: 0; text-align: center;}
.app-callout .icon-close::before, .app-callout .icon-close::after {position: absolute; width: 2px; height: 12px; background: #000000; content: " ";}
.app-callout .icon-close::before { transform: rotate(45deg);}
.app-callout .icon-close::after { transform: rotate(-45deg);}
.app-callout__info { position: absolute; top: 10px; left: 104px; display: flex; overflow-y: hidden; width: 60%; height: 64px; align-items: center; color: #000;}
.app-callout__icon{background-image: url('/Banfield/images/app-icons/icon-banfield-96.png'); position: absolute; top: 10px; left: 30px; width: 64px; height: 64px; border-radius: 15px; background-size: 64px 64px;}
.app-callout__info__title {font-size: 14px;color:#000000; font-weight: 500;}
.app-callout__info__author, .app-callout__info__price {font-size: 12px;line-height: 1.5;color: #fff;}
.app-callout__button {position: absolute !important; top: 32px; right: 10px;  /* z-index: 9999999; */ display: block; color: #fff; font-size: 18px; text-align: center; text-decoration: none;display: none;font-weight: 500;}
.app-callout__button:active, .app-callout__button:hover{text-decoration: none !important;}

.app-callout.android{background-color: #e35205;}
.app-callout.android .icon-close::before, .app-callout.android .icon-close::after{background: #fff;}
.app-callout.android .app-callout__info{color: #fff;}
.app-callout.android .app-callout__info__title{color:#fff}
.app-callout.android .app-callout__icon{border: 1px solid #fff;}
.app-callout.android .app-callout__info__author, .app-callout.android .app-callout__info__price{color: #fff;}
.app-callout.android  .app-callout__button{color: #fff; top: 17.5px; right: 10px; padding:0 15px; border:2px solid #fff;}

.app-callout.ios{background-color: #e35205;}
.app-callout.ios .icon-close::before, .app-callout.ios .icon-close::after{background: #fff;}
.app-callout.ios .app-callout__info{color: #fff;}
.app-callout.ios .app-callout__info__title{color:#fff}
.app-callout.ios .app-callout__icon{border: 1px solid #fff;}
.app-callout.ios .app-callout__info__author, .app-callout.android .app-callout__info__price{color: #fff;}
.app-callout.ios  .app-callout__button{color: #fff; top: 17.5px; right: 10px; padding:0 15px; border:2px solid #fff;}


@media(max-width:1199px) 
{ .global-header-links {
        display: none;
    }

    .navbar .navbar-toggler {
        display: block;
        opacity: 1;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
    }

    .header nav {
        display: flex;
        align-items: center;
    }

    .header nav {
        height: 67px;
    }

    .content-top {
        margin-top: 67px;
    }

    #main-navigation .nav-links-section {
        border-top: 1px solid #d9d9d9;
        padding: 0;
        padding-bottom: 40px;
    }

        #main-navigation .nav-links-section .link-group {
            border-color: #d9d9d9;
            padding: 10px 15px;
        }

            #main-navigation .nav-links-section .link-group:last-child {
                border-bottom: 1px solid #d9d9d9;
            }

            #main-navigation .nav-links-section .link-group .nav-title {
                font-size: 1rem;
                font-weight: 500;
                color: #65686B;
                display: block;
            }

                #main-navigation .nav-links-section .link-group .nav-title.active {
                    color: #d74100 !important;
                }

                #main-navigation .nav-links-section .link-group .nav-title:hover {
                    text-decoration: none !important;
                }

    #main-navigation .top-nav-links li a {
        font-weight: 500;
        font-size: 1rem;
    }

    #main-navigation {
        bottom: 0;
        max-height: unset;
        overflow-y: auto;
    }

        #main-navigation .top-nav-links li:hover {
            text-decoration: none;
        }

        #main-navigation .nav-links-section .nav-group-link-title a:hover {
            text-decoration: none !important;
        }

        #main-navigation .nav-links-section .link-group .nav-title:hover {
            text-decoration: none;
        }

    .header nav {
        z-index: 2001;
    }
    .nav-links .nav-group-link-title .nav-group-link-parent { display: flex; align-items: center; }
    .nav-links .nav-group-link-title .nav-group-link-parent a:last-child { margin-left: auto; }
    #main-navigation .top-nav-links > li > a > img { width: 15px; height: 15px; margin-right: 5px; }
}

/* new header changes ends */

@media (max-width:991px){
 
    .global-nav{display: none;}
    .user-section{display: none;}
    .close-nav{float: right; color:#babec7;}
    /* commented for new header changes */
    /*.main-navigation-content{width:100%}*/
    /* commented for new header changes */
    .login-content{width:100%;}
    .navigation-section{margin-left:0px;}
    .nav-title i, .nav-title em{padding-right:0;}
    .search-bar{padding-right:0;}
    .language-section .input-group{padding-right:0;}
    /* .logo img{height: 50px;}  */
    #login-flyout{right:0px;}
    .notification-bar .alert{padding:10px;justify-content: flex-start;}
    .notification-bar-blue .alert{padding:10px;justify-content: flex-start;}

    /* commented for  new header changes */
    /*#main-navigation{max-height: calc(100vh - 100px);overflow-y: auto;}*/
    /* commented for new header changes */
    #main-navigation { /*max-height: calc(100vh - 130px);*/
        bottom: 0;
        max-height: unset;
        overflow-y: auto;
    }

    /* commented for new header changes */
    .navbar .navbar-toggler {
        display: block;
        opacity: 1;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
    }

    .global-header-links {
        display: none;
    }

    .header nav {
        display: flex;
        align-items: center;
    }

    #main-navigation .nav-links-section {
        border-top: 1px solid #d9d9d9;
        padding: 0;
        padding-bottom: 40px;
    }

        #main-navigation .nav-links-section .link-group {
            border-color: #d9d9d9;
            padding: 10px 15px;
        }

            #main-navigation .nav-links-section .link-group:last-child {
                border-bottom: 1px solid #d9d9d9;
            }

            #main-navigation .nav-links-section .link-group .nav-title {
                font-size: 1rem;
                font-weight: 500;
                color: #65686B;
                display: block;
            }

    #main-navigation .top-nav-links li a {
        font-weight: 500;
        font-size: 1rem;
    }
    .header nav { z-index: 2001; }
    #main-navigation .top-nav-links li:hover { text-decoration: none; }
    #main-navigation .nav-links-section .nav-group-link-title a:hover { text-decoration: none !important; }
    #main-navigation .nav-links-section .link-group .nav-title:hover { text-decoration: none; }
    #main-navigation .nav-links-section .link-group .nav-title.active { color: #d74100 !important; }
    #main-navigation { bottom: 0; max-height: unset; overflow-y: auto; }
    .nav-links .nav-group-link-title .nav-group-link-parent { display: flex; align-items: center; }
    .nav-links .nav-group-link-title .nav-group-link-parent a:last-child { margin-left: auto; }
    #main-navigation .top-nav-links > li > a > img { width: 15px; height: 15px; margin-right: 5px; }
    /* new header changes */

  }

@media (min-width:768px) and (max-width:991px) {
    /* .header nav{height:100px;} */
    .header nav {
        height: 67px;
    }

    .content-top {
        margin-top: 67px;
    }
    /* .header .logo img{width:auto;} */
}

  @media (max-width:767px){
  
    .header nav{height: 67px;}
    .header .logo img{height: 40px;width:auto;}
    .global-nav{display: none;}
    .user-section{display: none;}
    .notification-bar .alert h5{display: flex;align-items: flex-start;}
    .header.notify-header .notification-bar{top:67px;}
    .notification-bar .alert .close-text{display: none;}
    .notification-bar .alert h5 .notify-msg{text-align: left;}
    .notification-bar .alert button.close{padding-left: 10px; padding-right: 10px; right:0;top:15px;}

    .notification-bar-blue .alert h5{display: flex;align-items: flex-start;}
    .header.notify-header .notification-bar-blue{top:67px;}
    .notification-bar-blue .alert .close-text{display: none;}
    .notification-bar-blue .alert h5 .notify-msg{text-align: left;}
    .notification-bar-blue .alert button.close{padding-left: 10px; padding-right: 10px; right:0;top:15px;}
    .facebook-login{width:100%;}
    /* new header changes */
    .main-navigation-content {
        width: 100%
    }
    /* new header changes */
  }

  @media (max-width:568px){
    .header nav{height: 67px;}
   
  }

  @media (max-width:320px){
    .header .logo img{height:35px;}
    .header.small-header .logo img{height: 35px; width:auto;}
  }
  
  
/* site search */
.top-nav .search a:hover {
    border: 0;
  }
  .top-nav .search a {
    border: 0;
    cursor: pointer;
  }
  .site-search-container {
    position: relative;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #d9d9d9;
    padding: 29px 0;
    z-index: 1500;
    backdrop-filter: blur(25px);
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
  }
  .site-search-container {
    transition: all .3s linear;
    display: none;
    opacity: 0;
    transition-behavior: allow-discrete;
 }
  .site-search-container.show{
    opacity: 1;
    display: block;
  }
  
  .site-search .input-group-prepend {
    position: absolute;
    height: 41px;
    top: 5px;
    left: 1px;
  }

  .site-search .input-group-prepend .input-group-text-prepend {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-content: center;
    padding: 6px 10px 10px 20px !important;
    z-index: 4;
  }
  .site-search input {
    padding-left: 50px;
    font-size: 1.0625rem;
    border-radius: 51px !important;
    box-shadow: none !important;
  }
  .site-search .input-group-prepend em {
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 26.25px;
    color: #e35205;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d74100;
  }
  .site-search .input-group .input-group-text {
    background: none;
    cursor: pointer;
    z-index: 100;
  }
  .site-search-section {
    padding: 0;
    margin: auto;
    position: inherit;
  }
  .site-search input::placeholder {
    font-weight: 400 !important;
}
  .site-search {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  .site-search-content {
    width: 100%;
    margin-top: -10px;
  }
  .suggestion-type-title {
    color: #333436;
    font-size: 1.081rem;
    font-weight: 500;
    line-height: 32px;
  }
  .site-search-content ul {
    list-style: none;
    padding-left: 0;
  }
.site-search-content a.orange-text:hover {
    text-decoration: underline !important;
}
ul.recent-search-list li a:hover::before,
.recent-search-sec ul li a:hover::before {
    content: '';
    background-image: url('/Banfield/images/recent-icon-orange.svg');
}
ul.recent-search-list li a:focus::before,
.recent-search-sec ul li a:focus::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuNUMxNS4wOTUxIDAuNSAxOS4yNSA0LjY1NDkgMTkuMjUgOS43NUMxOS4yNSAxNC44ODA5IDE1LjA5NDQgMTkgMTAgMTlDOC4wMTMzMiAxOSA2LjIwNzc2IDE4LjM4NTUgNC42OTMzNiAxNy4zNzZMNC42Nzc3MyAxNy4zNjQzQzQuMDk3NTEgMTYuOTA4MiAzLjkwOTAyIDE2LjA2MjQgNC4zNDI3NyAxNS40NDczTDQuNDI5NjkgMTUuMzMxMUM0Ljg1NTQxIDE0LjgxNzkgNS41NzU3MyAxNC43MTU2IDYuMTUwMzkgMTUuMDI0NEw2LjI3MTQ4IDE1LjA5NjdMNi4yNzczNCAxNS4xMDA2TDYuNDc2NTYgMTUuMjM2M0M3LjQ4NDI0IDE1Ljg5MjMgOC42OTUwMyAxNi4yNSAxMCAxNi4yNUMxMy41ODg1IDE2LjI1IDE2LjUgMTMuMzM4NSAxNi41IDkuNzVDMTYuNSA2LjE2MTUxIDEzLjU4ODUgMy4yNSAxMCAzLjI1QzguMjk4MDggMy4yNSA2Ljc0NzQ1IDMuOTIxMSA1LjU3OTEgNS4wMDQ4OEw2LjQ4MjQyIDUuODc4OTFMNi40OTEyMSA1Ljg4NzdMNi42MDM1MiA2LjAyNjM3QzcuMTAwODkgNi43NDMzOCA2LjYxNDM2IDcuNzUgNS43MTA5NCA3Ljc1SDEuODQzNzVDMS4yMTM0OSA3Ljc1IDAuNzUgNy4yODY1MSAwLjc1IDYuNjU2MjVWMi43ODkwNkMwLjc1IDEuODg1NjQgMS43NTY2MiAxLjM5OTExIDIuNDczNjMgMS44OTY0OEwyLjYxMjMgMi4wMDg3OUwzLjY0MDYyIDMuMDM3MTFDNS4yODc1NiAxLjQ3NjcgNy41MjU0NCAwLjUgMTAgMC41Wk0xMCA1VjUuMDAwOThDMTAuNjE4NiA1LjAxOTIgMTEuMDU4NiA1LjUxNjQgMTEuMDU4NiA2LjA5Mzc1VjkuMzMwMDhMMTMuMjcwNSAxMS41NDJIMTMuMjY5NUMxMy42OTM4IDExLjkzMjUgMTMuNzE4MSAxMi41NjU0IDEzLjM0MTggMTIuOTgzNEwxMy4xOTgyIDEzLjEyN0MxMi43ODAyIDEzLjUwMzIgMTIuMTQ3MyAxMy40NzkgMTEuNzU2OCAxMy4wNTQ3VjEzLjA1NTdMOS4yMjU1OSAxMC41MjQ0VjEwLjUyMzRDOC45ODc1MiAxMC4zMjAxIDguOTA2MjUgMTAuMDMzNyA4LjkwNjI1IDkuNzVWNi4wOTM3NUM4LjkwNjI1IDUuNTE2NDEgOS4zNDYyMyA1LjAxOTE5IDkuOTY0ODQgNS4wMDA5OFY1SDEwWiIgZmlsbD0iI0Q3NDEwMCIgc3Ryb2tlPSIjRDc0MTAwIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L3N2Zz4K");
}

ul.suggestionsList li a:before{
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzEyNSAwLjVDMTIuNDU4NCAwLjUgMTUuODc1IDMuOTE2NjIgMTUuODc1IDguMDYyNUMxNS44NzUgOS42NTYyMiAxNS4zNzg3IDExLjE1MTEgMTQuNTQzOSAxMi4zNTk0TDE4LjgxODQgMTYuNjY4TDE4LjkxNyAxNi43Njk1QzE5LjM3NiAxNy4yOTU0IDE5LjM0NjQgMTguMTEyNSAxOC44MzExIDE4LjYwMjVMMTguODMyIDE4LjYwMzVDMTguMzEzNSAxOS4xNjUxIDE3LjQxMTUgMTkuMTY3MiAxNi44ODk2IDE4LjYxMDRMMTIuNTc1MiAxNC4yOTU5QzExLjM2MzIgMTUuMTYxMyA5Ljg2OTI0IDE1LjYyNSA4LjMxMjUgMTUuNjI1QzQuMTMxNDYgMTUuNjI1IDAuNzUgMTIuMjQzNiAwLjc1IDguMDYyNUMwLjc1IDMuOTE3NCA0LjEzMDY4IDAuNSA4LjMxMjUgMC41Wk04LjMxMjUgMy4yNUM2LjU3NjkgMy4yNSA1LjAwNDc3IDQuMTgzMzMgNC4xMzM3OSA1LjY1NTI3TDQuMTM0NzcgNS42NTYyNUMzLjMxOTI2IDcuMDY3NyAzLjI2ODkyIDguNzcwODcgMy45ODA0NyAxMC4xODc1TDQuMTMyODEgMTAuNDY2OEw0LjEzNDc3IDEwLjQ2ODhMNC4zMDU2NiAxMC43NDQxQzUuMjAwNjggMTIuMDgyNSA2LjY4MjA5IDEyLjg3NSA4LjMxMjUgMTIuODc1QzEwLjAxNTYgMTIuODc1IDExLjU4NTQgMTEuOTczOCAxMi40NTUxIDEwLjQ2ODhMMTIuNDU3IDEwLjQ2NjhMMTIuNjA5NCAxMC4xODc1QzEzLjMyMDkgOC43NzA4NiAxMy4yNzA1IDcuMDY3NzEgMTIuNDU1MSA1LjY1NjI1VjUuNjU1MjdDMTEuNTgzNSA0LjE4MjczIDEwLjAxMTkgMy4yNSA4LjMxMjUgMy4yNVoiIGZpbGw9IiM5Mjk1OTgiIHN0cm9rZT0iIzc0Nzg3QiIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9zdmc+");
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
ul.suggestionsList li a:focus::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzEyNSAwLjVDMTIuNDU4NCAwLjUgMTUuODc1IDMuOTE2NjIgMTUuODc1IDguMDYyNUMxNS44NzUgOS42NTYyMiAxNS4zNzg3IDExLjE1MTEgMTQuNTQzOSAxMi4zNTk0TDE4LjgxODQgMTYuNjY4TDE4LjkxNyAxNi43Njk1QzE5LjM3NiAxNy4yOTU0IDE5LjM0NjQgMTguMTEyNSAxOC44MzExIDE4LjYwMjVMMTguODMyIDE4LjYwMzVDMTguMzEzNSAxOS4xNjUxIDE3LjQxMTUgMTkuMTY3MiAxNi44ODk2IDE4LjYxMDRMMTIuNTc1MiAxNC4yOTU5QzExLjM2MzIgMTUuMTYxMyA5Ljg2OTI0IDE1LjYyNSA4LjMxMjUgMTUuNjI1QzQuMTMxNDYgMTUuNjI1IDAuNzUgMTIuMjQzNiAwLjc1IDguMDYyNUMwLjc1IDMuOTE3NCA0LjEzMDY4IDAuNSA4LjMxMjUgMC41Wk04LjMxMjUgMy4yNUM2LjU3NjkgMy4yNSA1LjAwNDc3IDQuMTgzMzMgNC4xMzM3OSA1LjY1NTI3TDQuMTM0NzcgNS42NTYyNUMzLjMxOTI2IDcuMDY3NyAzLjI2ODkyIDguNzcwODcgMy45ODA0NyAxMC4xODc1TDQuMTMyODEgMTAuNDY2OEw0LjEzNDc3IDEwLjQ2ODhMNC4zMDU2NiAxMC43NDQxQzUuMjAwNjggMTIuMDgyNSA2LjY4MjA5IDEyLjg3NSA4LjMxMjUgMTIuODc1QzEwLjAxNTYgMTIuODc1IDExLjU4NTQgMTEuOTczOCAxMi40NTUxIDEwLjQ2ODhMMTIuNDU3IDEwLjQ2NjhMMTIuNjA5NCAxMC4xODc1QzEzLjMyMDkgOC43NzA4NiAxMy4yNzA1IDcuMDY3NzEgMTIuNDU1MSA1LjY1NjI1VjUuNjU1MjdDMTEuNTgzNSA0LjE4MjczIDEwLjAxMTkgMy4yNSA4LjMxMjUgMy4yNVoiIGZpbGw9IiNENzQxMDAiIHN0cm9rZT0iI0Q3NDEwMCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9zdmc+");
}
ul.suggestionsList li a:hover::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzEyNSAwLjVDMTIuNDU4NCAwLjUgMTUuODc1IDMuOTE2NjIgMTUuODc1IDguMDYyNUMxNS44NzUgOS42NTYyMiAxNS4zNzg3IDExLjE1MTEgMTQuNTQzOSAxMi4zNTk0TDE4LjgxODQgMTYuNjY4TDE4LjkxNyAxNi43Njk1QzE5LjM3NiAxNy4yOTU0IDE5LjM0NjQgMTguMTEyNSAxOC44MzExIDE4LjYwMjVMMTguODMyIDE4LjYwMzVDMTguMzEzNSAxOS4xNjUxIDE3LjQxMTUgMTkuMTY3MiAxNi44ODk2IDE4LjYxMDRMMTIuNTc1MiAxNC4yOTU5QzExLjM2MzIgMTUuMTYxMyA5Ljg2OTI0IDE1LjYyNSA4LjMxMjUgMTUuNjI1QzQuMTMxNDYgMTUuNjI1IDAuNzUgMTIuMjQzNiAwLjc1IDguMDYyNUMwLjc1IDMuOTE3NCA0LjEzMDY4IDAuNSA4LjMxMjUgMC41Wk04LjMxMjUgMy4yNUM2LjU3NjkgMy4yNSA1LjAwNDc3IDQuMTgzMzMgNC4xMzM3OSA1LjY1NTI3TDQuMTM0NzcgNS42NTYyNUMzLjMxOTI2IDcuMDY3NyAzLjI2ODkyIDguNzcwODcgMy45ODA0NyAxMC4xODc1TDQuMTMyODEgMTAuNDY2OEw0LjEzNDc3IDEwLjQ2ODhMNC4zMDU2NiAxMC43NDQxQzUuMjAwNjggMTIuMDgyNSA2LjY4MjA5IDEyLjg3NSA4LjMxMjUgMTIuODc1QzEwLjAxNTYgMTIuODc1IDExLjU4NTQgMTEuOTczOCAxMi40NTUxIDEwLjQ2ODhMMTIuNDU3IDEwLjQ2NjhMMTIuNjA5NCAxMC4xODc1QzEzLjMyMDkgOC43NzA4NiAxMy4yNzA1IDcuMDY3NzEgMTIuNDU1MSA1LjY1NjI1VjUuNjU1MjdDMTEuNTgzNSA0LjE4MjczIDEwLjAxMTkgMy4yNSA4LjMxMjUgMy4yNVoiIGZpbGw9IiNGMjYzMjIiIHN0cm9rZT0iI0Q3NDEwMCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9zdmc+");
}

.del-suggestion {
    display: flex;
    align-items: center;
    border-radius: 50%;
}
.site-search-content ul li a{
    width: 100%;
}
.del-suggestion::before {
    content: '';
    background-image: url('/Banfield/images/del-circle.svg');
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.del-suggestion:hover::before
 {
    content: '';
    background-image: url('/Banfield/images/del-circle-hover.svg');
}
ul.recent-search-list li a::before,
.recent-search-sec ul li a::before
 {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuNUMxNS4wOTUxIDAuNSAxOS4yNSA0LjY1NDkgMTkuMjUgOS43NUMxOS4yNSAxNC44ODA5IDE1LjA5NDQgMTkgMTAgMTlDOC4wMTMzMiAxOSA2LjIwNzc2IDE4LjM4NTUgNC42OTMzNiAxNy4zNzZMNC42Nzc3MyAxNy4zNjQzQzQuMDk3NTEgMTYuOTA4MiAzLjkwOTAyIDE2LjA2MjQgNC4zNDI3NyAxNS40NDczTDQuNDI5NjkgMTUuMzMxMUM0Ljg1NTQxIDE0LjgxNzkgNS41NzU3MyAxNC43MTU2IDYuMTUwMzkgMTUuMDI0NEw2LjI3MTQ4IDE1LjA5NjdMNi4yNzczNCAxNS4xMDA2TDYuNDc2NTYgMTUuMjM2M0M3LjQ4NDI0IDE1Ljg5MjMgOC42OTUwMyAxNi4yNSAxMCAxNi4yNUMxMy41ODg1IDE2LjI1IDE2LjUgMTMuMzM4NSAxNi41IDkuNzVDMTYuNSA2LjE2MTUxIDEzLjU4ODUgMy4yNSAxMCAzLjI1QzguMjk4MDggMy4yNSA2Ljc0NzQ1IDMuOTIxMSA1LjU3OTEgNS4wMDQ4OEw2LjQ4MjQyIDUuODc4OTFMNi40OTEyMSA1Ljg4NzdMNi42MDM1MiA2LjAyNjM3QzcuMTAwODkgNi43NDMzOCA2LjYxNDM2IDcuNzUgNS43MTA5NCA3Ljc1SDEuODQzNzVDMS4yMTM0OSA3Ljc1IDAuNzUgNy4yODY1MSAwLjc1IDYuNjU2MjVWMi43ODkwNkMwLjc1IDEuODg1NjQgMS43NTY2MiAxLjM5OTExIDIuNDczNjMgMS44OTY0OEwyLjYxMjMgMi4wMDg3OUwzLjY0MDYyIDMuMDM3MTFDNS4yODc1NiAxLjQ3NjcgNy41MjU0NCAwLjUgMTAgMC41Wk0xMCA1VjUuMDAwOThDMTAuNjE4NiA1LjAxOTIgMTEuMDU4NiA1LjUxNjQgMTEuMDU4NiA2LjA5Mzc1VjkuMzMwMDhMMTMuMjcwNSAxMS41NDJIMTMuMjY5NUMxMy42OTM4IDExLjkzMjUgMTMuNzE4MSAxMi41NjU0IDEzLjM0MTggMTIuOTgzNEwxMy4xOTgyIDEzLjEyN0MxMi43ODAyIDEzLjUwMzIgMTIuMTQ3MyAxMy40NzkgMTEuNzU2OCAxMy4wNTQ3VjEzLjA1NTdMOS4yMjU1OSAxMC41MjQ0VjEwLjUyMzRDOC45ODc1MiAxMC4zMjAxIDguOTA2MjUgMTAuMDMzNyA4LjkwNjI1IDkuNzVWNi4wOTM3NUM4LjkwNjI1IDUuNTE2NDEgOS4zNDYyMyA1LjAxOTE5IDkuOTY0ODQgNS4wMDA5OFY1SDEwWiIgZmlsbD0iIzkyOTU5OCIgc3Ryb2tlPSIjNzQ3ODdCIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L3N2Zz4K");
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.search-back {
    text-align: center;
    display: block;
    margin-bottom: 25px;
    background-image: url('/Banfield/images/up-caret-close-hide.svg');
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: center;
    width: 36px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}

.search-back:hover {
    background-image: url('/Banfield/images/up-caret-close-hide-hover.svg');
}
div.mob-search-back:hover {
    text-decoration: none !important;
}
.mob-search-back em{
    font-size: 14px;
    color: #d74100;
    top: 5px;
    position: relative;
}
.suggestionsList li a,.suggestionsList li.suggestion-text,
ul.recent-search-list li a,
.site-search-content ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.081rem;
    font-weight: 500;
    line-height: 32px;
  }

  .site-search-content ul li a:hover {
    color: #d74100;
    text-decoration: none !important;
  }
  .site-search-content ul li a strong {
    font-weight: 700;
  }
  .suggestionsList li .d-flex{
    gap:10px
  }
  #site-search-container .input-group input{
    border: 2px solid #90959f !important;
    width: 100%;
    height: 100% !important;
    border-width: 1.5px !important;
    font-size: 24px!important;
    font-weight: 500;
    padding-right: 35px;
  }

.other-topics {
  display: flex;
  padding: 10px 20px 20px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  position: relative;
}

.other-topics:not(.popular-topics) .topic-item:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  opacity: 0;
  box-shadow: inset 0 0 0 1.5px #65686B;
  transition: all .15s linear;
  border-radius:4px;
}
.topic-sec {
  display: flex;

}
.topic-sec {
  overflow-x: auto;
  padding-bottom: 10px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  position: relative;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  scroll-snap-type: x proximity;
  scroll-padding-left: 16px;
  scroll-padding-right: 32px;
}
.topic-item {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    flex: 0 0 calc((100% - (2 * 16px)) / 3);
    cursor: pointer;
    margin-right: 16px;
}
.topic-item .topic-title {
  font-size: 1.081rem;
  font-weight: 500;
  line-height: 1.5;
  color: #d74100;
  padding: 15px;
}
.topic-item .topic-title strong {
  font-weight: 700;
}
.topic-item img {
    align-self: stretch;
    aspect-ratio: 295.67 / 166.31;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
}
.topic-item:not(.popular-topics) img {
    border-radius: 0;
}
.other-topics:not(.popular-topics) .topic-item {
    position: relative;
    overflow: hidden;
    transition: all .15s linear;
}
.popular-topics .topic-item {
    width: calc((100% - (5 * 16px)) / 6);
    flex: 0 0 calc((100% - (5 * 16px)) / 6);
    gap: 10px;
    align-items: center;
    border: 0;
    cursor: pointer;
}
.popular-topics .topic-item img {
  width: 80px;
  height: 80px;
}
.popular-topics .topic-item .topic-title {
  color: #333436;
  padding: 0;
  text-align: center;
}
.other-topics:before,
.other-topics:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 16px;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.119749) 11.02%, rgba(255, 255, 255, 0.223196) 20.31%, rgba(255, 255, 255, 0.312352) 28.12%, rgba(255, 255, 255, 0.389229) 34.71%, rgba(255, 255, 255, 0.45584) 40.33%, rgba(255, 255, 255, 0.514198) 45.25%, rgba(255, 255, 255, 0.566313) 49.71%, rgba(255, 255, 255, 0.614199) 53.98%, rgba(255, 255, 255, 0.659868) 58.31%, rgba(255, 255, 255, 0.705332) 62.96%, rgba(255, 255, 255, 0.752602) 68.19%, rgba(255, 255, 255, 0.803692) 74.25%, rgba(255, 255, 255, 0.860614) 81.4%, rgba(255, 255, 255, 0.925379) 89.9%, #FFFFFF 100%);
    z-index: 2;
    border-radius: inherit;
}
.other-topics:after {
  left: auto;
  right: 0px;
  background: linear-gradient(
    -270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.119749) 11.02%,
    rgba(255, 255, 255, 0.223196) 20.31%,
    rgba(255, 255, 255, 0.312352) 28.12%,
    rgba(255, 255, 255, 0.389229) 34.71%,
    rgba(255, 255, 255, 0.45584) 40.33%,
    rgba(255, 255, 255, 0.514198) 45.25%,
    rgba(255, 255, 255, 0.566313) 49.71%,
    rgba(255, 255, 255, 0.614199) 53.98%,
    rgba(255, 255, 255, 0.659868) 58.31%,
    rgba(255, 255, 255, 0.705332) 62.96%,
    rgba(255, 255, 255, 0.752602) 68.19%,
    rgba(255, 255, 255, 0.803692) 74.25%,
    rgba(255, 255, 255, 0.860614) 81.4%,
    rgba(255, 255, 255, 0.925379) 89.9%,
    #ffffff 100%
  );
}
.other-topics.popular-topics:before, .popular-topics:after {
    background: none;
    width: unset;
}
.topic-sec > * {
  scroll-snap-align: start end !important;
}
#clearSearch{
    z-index: 100;
} 
#clearSearch .search-clear-btn{
    border: none!important;
    padding-top: 2px;
    margin-top: 8px;
}
.top-nav .search a.active img {
    width: 20px;
    height: 20px;
}

.mob-site-search .input-group-append {
    height: 100% !important;
    top: 0;
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.search-clear-btn {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiByeD0iMTEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjA1IiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTEzLjE4NzUgMTEuOTg3NUwxNS44ODc1IDE0LjY4NzVDMTYuMDM3NSAxNC44Mzc1IDE2LjAzNzUgMTUuMTEyNSAxNS44ODc1IDE1LjI2MjVMMTUuMjYyNSAxNS44ODc1QzE1LjExMjUgMTYuMDM3NSAxNC44Mzc1IDE2LjAzNzUgMTQuNjg3NSAxNS44ODc1TDEyLjAxMjUgMTMuMTg3NUw5LjMxMjUgMTUuODg3NUM5LjE2MjUgMTYuMDM3NSA4Ljg4NzUgMTYuMDM3NSA4LjczNzUgMTUuODg3NUw4LjExMjUgMTUuMjYyNUM3Ljk2MjUgMTUuMTEyNSA3Ljk2MjUgMTQuODM3NSA4LjExMjUgMTQuNjg3NUwxMC44MTI1IDExLjk4NzVMOC4xMTI1IDkuMzEyNUM3Ljk2MjUgOS4xNjI1IDcuOTYyNSA4Ljg4NzUgOC4xMTI1IDguNzM3NUw4LjczNzUgOC4xMTI1QzguODg3NSA3Ljk2MjUgOS4xNjI1IDcuOTYyNSA5LjMxMjUgOC4xMTI1TDEyLjAxMjUgMTAuODEyNUwxNC42ODc1IDguMTEyNUMxNC44Mzc1IDcuOTYyNSAxNS4xMTI1IDcuOTYyNSAxNS4yNjI1IDguMTEyNUwxNS44ODc1IDguNzM3NUMxNi4wMzc1IDguODg3NSAxNi4wMzc1IDkuMTYyNSAxNS44ODc1IDkuMzEyNUwxMy4xODc1IDExLjk4NzVaIiBmaWxsPSIjOTA5NTlGIiBzdHJva2U9IiM2NTY4NkIiLz4KPC9zdmc+Cg==") !important; 
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
  width: 24px;  
  height: 24px;
  border-radius: 50% !important;
  border: none !important;
}