/* Product nav icons from new_icons.jpeg (svg-default / svg-hover) */
.newProductIcon {
    width: 42px;
    height: 42px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-color: transparent !important;
    flex-shrink: 0;
}

.chHeaderWrapper:not(.navOnly) .newProductIcon {
    width: 36px;
    height: 36px;
}

.newProductIcon--flights { background-image: url(/icon/svg-default/flights.svg) !important; }
.newProductIcon--hotels { background-image: url(/icon/svg-default/hotels.svg) !important; }
.newProductIcon--packages { background-image: url(/icon/svg-default/packages.svg) !important; }
.newProductIcon--trains { background-image: url(/icon/svg-default/trains.svg) !important; }
.newProductIcon--cruise { background-image: url(/icon/svg-default/cruise.svg) !important; }
.newProductIcon--cabs { background-image: url(/icon/svg-default/cabs.svg) !important; }
.newProductIcon--buses { background-image: url(/icon/svg-default/buses.svg) !important; }
.newProductIcon--homestays { background-image: url(/icon/svg-default/homestays.svg) !important; }
.newProductIcon--offers { background-image: url(/icon/svg-default/offers.svg) !important; }
.newProductIcon--passport { background-image: url(/icon/svg-default/passport.svg) !important; }
.newProductIcon--wallet { background-image: url(/icon/svg-default/wallet.svg) !important; }
.newProductIcon--travelers { background-image: url(/icon/svg-default/travelers.svg) !important; }
.newProductIcon--support { background-image: url(/icon/svg-default/support.svg) !important; }

a.headerIcons:hover .newProductIcon--flights,
a.headerIcons.active .newProductIcon--flights,
.newProductIcon--flights.active {
    background-image: url(/icon/svg-hover/flights.svg) !important;
}
a.headerIcons:hover .newProductIcon--hotels,
a.headerIcons.active .newProductIcon--hotels,
.newProductIcon--hotels.active {
    background-image: url(/icon/svg-hover/hotels.svg) !important;
}
a.headerIcons:hover .newProductIcon--packages,
a.headerIcons.active .newProductIcon--packages,
.newProductIcon--packages.active {
    background-image: url(/icon/svg-hover/packages.svg) !important;
}
a.headerIcons:hover .newProductIcon--trains,
a.headerIcons.active .newProductIcon--trains,
.newProductIcon--trains.active {
    background-image: url(/icon/svg-hover/trains.svg) !important;
}
a.headerIcons:hover .newProductIcon--cruise,
a.headerIcons.active .newProductIcon--cruise,
.newProductIcon--cruise.active {
    background-image: url(/icon/svg-hover/cruise.svg) !important;
}
a.headerIcons:hover .newProductIcon--cabs,
a.headerIcons.active .newProductIcon--cabs,
.newProductIcon--cabs.active {
    background-image: url(/icon/svg-hover/cabs.svg) !important;
}
a.headerIcons:hover .newProductIcon--buses,
a.headerIcons.active .newProductIcon--buses,
.newProductIcon--buses.active {
    background-image: url(/icon/svg-hover/buses.svg) !important;
}
a.headerIcons:hover .newProductIcon--homestays,
a.headerIcons.active .newProductIcon--homestays,
.newProductIcon--homestays.active {
    background-image: url(/icon/svg-hover/homestays.svg) !important;
}
a.headerIcons:hover .newProductIcon--offers,
a.headerIcons.active .newProductIcon--offers,
.newProductIcon--offers.active {
    background-image: url(/icon/svg-hover/offers.svg) !important;
}
a.headerIcons:hover .newProductIcon--passport,
a.headerIcons.active .newProductIcon--passport,
.newProductIcon--passport.active {
    background-image: url(/icon/svg-hover/passport.svg) !important;
}
a.headerIcons:hover .newProductIcon--wallet,
a.headerIcons.active .newProductIcon--wallet,
.newProductIcon--wallet.active {
    background-image: url(/icon/svg-hover/wallet.svg) !important;
}
a.headerIcons:hover .newProductIcon--travelers,
a.headerIcons.active .newProductIcon--travelers,
.newProductIcon--travelers.active {
    background-image: url(/icon/svg-hover/travelers.svg) !important;
}
a.headerIcons:hover .newProductIcon--support,
a.headerIcons.active .newProductIcon--support,
.newProductIcon--support.active {
    background-image: url(/icon/svg-hover/support.svg) !important;
}

/* Mobile primary LOB icons */
.mobileProductIcon {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.mobileProductIcon--flights { background-image: url(/icon/svg-default/flights.svg); }
.mobileProductIcon--hotels { background-image: url(/icon/svg-default/hotels.svg); }
.mobileProductIcon--trains { background-image: url(/icon/svg-default/trains.svg); }
.mobileProductIcon--packages { background-image: url(/icon/svg-default/packages.svg); }
.mobileProductIcon--homestays { background-image: url(/icon/svg-default/homestays.svg); }
.mobileProductIcon--buses { background-image: url(/icon/svg-default/buses.svg); }
.mobileProductIcon--cabs { background-image: url(/icon/svg-default/cabs.svg); }
.mobileProductIcon--cruise { background-image: url(/icon/svg-default/cruise.svg); }
.mobileProductIcon--passport { background-image: url(/icon/svg-default/passport.svg); }

a:hover .mobileProductIcon--flights,
a.active .mobileProductIcon--flights {
    background-image: url(/icon/svg-hover/flights.svg);
}
a:hover .mobileProductIcon--hotels,
a.active .mobileProductIcon--hotels {
    background-image: url(/icon/svg-hover/hotels.svg);
}
a:hover .mobileProductIcon--trains,
a.active .mobileProductIcon--trains {
    background-image: url(/icon/svg-hover/trains.svg);
}
a:hover .mobileProductIcon--packages,
a.active .mobileProductIcon--packages {
    background-image: url(/icon/svg-hover/packages.svg);
}
a:hover .mobileProductIcon--homestays,
a.active .mobileProductIcon--homestays {
    background-image: url(/icon/svg-hover/homestays.svg);
}
a:hover .mobileProductIcon--buses,
a.active .mobileProductIcon--buses {
    background-image: url(/icon/svg-hover/buses.svg);
}
a:hover .mobileProductIcon--cabs,
a.active .mobileProductIcon--cabs {
    background-image: url(/icon/svg-hover/cabs.svg);
}
a:hover .mobileProductIcon--cruise,
a.active .mobileProductIcon--cruise {
    background-image: url(/icon/svg-hover/cruise.svg);
}
a:hover .mobileProductIcon--passport,
a.active .mobileProductIcon--passport {
    background-image: url(/icon/svg-hover/passport.svg);
}