/* PRICE SLIDER START */

.price-input {
  width: 100%;
  /*display: flex;
  margin: 30px 0 35px;*/
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #009245;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #009245;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #513774;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #fff;
  border: 7px solid #4B9830;
  pointer-events: auto;
  -moz-appearance: none;
  cursor: pointer;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

/* PRICE SLIDER END */

body {
    color: #162138;
    font-family: "Space Grotesk", sans-serif;
    font-size: 17px;
    font-weight: 400;
}
    
h1 {
    font-size: 28px;
    margin-bottom: 25px;
}

.productDetailName h1 {
    margin-bottom: 10px;
}

a {
    color: #009245;
}

a:hover, a:focus, a:active {
    color: #009245;
    border-bottom: 2px solid #009245;
    text-decoration: none;
}

a.btn,
.iconBtn:hover,
.iconBtn:focus,
.iconBtn:active,
.productBoxBottomLabels a:hover,
.productBoxBottomLabels a:focus,
.productBoxBottomLabels a:active,
.mainMenuLogo a:hover,
.mainMenuLogo a:focus,
.mainMenuLogo a:active {
    border-width: 0;
}

.iconBtn:hover,
#basketbox a:hover,
#searchHint a:hover,
.heartBtn:hover {
    filter: brightness(130%);
}

#basketbox a:hover,
#basketbox a:focus,
#basketbox a:active,
#searchHint a:hover,
#searchHint a:focus,
#searchHint a:active {
    text-decoration: none;
    border-width: 0;
    
}

.iconBtn:focus,
.iconBtn:active,
#basketbox a:focus,
#basketbox a:active,
#searchHint a:focus,
#searchHint a:active,
.heartBtn:focus,
.heartBtn:active,
.mainMenuLogo a:hover,
.mainMenuLogo a:focus,
.mainMenuLogo a:active {
    filter: brightness(80%);
    text-decoration: none;
}

.textToRight {
    text-align: right;
}

.toCenter {
    text-align: center;
}

.toLeft {
    text-align: left;
}

.container-fluid {
    max-width: 1440px;
}

#topMenu {
    
}

h2 {
    padding: 20px 0 10px;
    margin: 15px 0 10px;
}

h2.homepage {
    padding: 40px 0 30px;
    margin: 30px 0 20px;
}

.menuUl {
    list-style: none;
    margin: 5px 10px;
    padding: 5px 0;
    text-align: right;
}

.menuUl li {
    display: inline-block;
    margin: 5px 0;
    padding: 3px 10px;
}

.menuUl li img {
    width: 16px;
    height: auto;
}

#topMenu a, #topMenu a:hover, #topMenu a:focus, #topMenu a:active {
    color: #414650;
}

.lighter {
    color: #ACACAC;
}

.hiddenSubmit {
    position: absolute;
    left: -2000px;
    top: -2000px;
}

.mainMenuLogo {
    display: inline-block;
    margin-right: 15px;
    margin-top: -25px;
    padding-bottom: 3px;
}

.mainMenuLogo img {
    width: 100%;
    max-width: 242px;
}

.navbar-collapse {
    padding-right: 0;
}

.mainMenuText {
    color: #6E738C;
    display: inline-block;
    line-height: 1.2;
    padding-top: 3px;
    font-size: 13px;
}

.searchInput {
    background-image: url("/imagesN/search.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding: 5px;
    border-radius: 8px;
    background-color: #EEF2EA;
    border: 0;
    font-size: 16px;
    height: 44px;
    width: 100%;
    text-indent: 10px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
}

.searchBox {
    position: relative;
}

.searchBox input[type=submit] {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: 0;
}

.searchClear {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    color: maroon;
    top: 0;
    background: transparent;
    border: 0;
    font-size: 30px;
    display: none;
}

.searchInput::placeholder {
    color: #0D1830;
}

.mainPanel {
    margin: 10px 0 25px 0;
    padding-top: 10px;
}

#topLine {
    color: white;
    background-color: #162138;
    background: linear-gradient(242.32deg, #FFAA00 0%, #009245 100%);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.12px;
    line-height: 1.6;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

#topLine img {
    margin-top: -1px;
}

#topLine a {
    color: white;
    text-decoration: underline;
    background: transparent;
    border: none;
    outline: none;
}

#topLine a.petKlubA {
    text-decoration: none;
}

.btn1 {
    border-radius: 20px;
    background: rgb(224,240,217);
    background: linear-gradient(90deg, rgba(224,240,217,1) 0%, rgba(240,240,201,1) 100%);
    background-size: cover;
    color: #162138;
    line-height: 30px;
}

.btn1 img {
    width: 20px;
    height: auto;
    margin: -4px 5px 0 0;
}

.btn1:hover, .btn1:active, .btn1:focus {
    color: #162138;
}


.btn1:hover {
    filter: brightness(95%);
}

.btn1:active {
    box-shadow: none;
    background: linear-gradient(90deg, rgba(211,232,201,1) 0%, rgba(210,210,171,1) 100%);
}

.btn1, .iconBtn {
    margin-left: 3px;
    margin-right: 3px;
}

.iconBtn {
    padding: 5px;
    
}

.iconBtn img {
    width: 25px;
    height: 25px;
}

.navbar-toggle {
    background-color: white;
    border-radius: 10px;
    border: 2px solid #039244;
    margin-right: 5px;
    
}

.navbar-toggle .icon-bar {
    background-color: #039244;
}

#mobileMenuBtn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}



.mainMenuIcons {
    border: 2px solid #009245;
    border-radius: 10px;
    /*background-color: white;*/
    padding: 8px 9px 3px 9px;
    height: 44px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.mainMenuCartBadge {
    position: absolute;
    left: 19px;
    top: 1px;
    background-color: #FF3366;
    color: white;
    font-size: 10px;
    padding: 0 4px;
    border-radius: 10px;
}

#menuCategoryContainerBreadcrumb {
    display: none;
}

.mainMenuAnimals {
    margin: 20px 0 5px 0;
    padding: 20px 0 5px 0;
}

#menuCategoryContainerBreadcrumb .mainMenuAnimals {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.mainMenuAnimal {
    padding-top: 190px;
    border-radius: 25px;
}

.mainMenuBtnExpand {
    background-image: url("/imagesN/expandInvert.svg");
    width: 20px;
    height: 20px;
    margin-left: 3px;
    position: relative;
    top: 5px;
    display: inline-block;
}

.mainMenuBtnExpand.collapse {
    background-image: url("/imagesN/collapseInvert.svg");
}

.mainMenu183 {
    background: url("/imagesN/dog.png") no-repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
}

.mainMenu101 {
    background: url("/imagesN/cat.png") no-repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
}

.mainMenu61 {
    background: url("/imagesN/rabbit.png") no-repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
}

.mainMenu289 {
    background: url("/imagesN/bird.png") no-repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
}

.mainMenu1 {
    background: url("/imagesN/fish.png") no-repeat 20px bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
    background-size: 80%;
}

.mainMenu376,
.mainMenu414,
.mainMenu482,
.mainMenu1023,
.mainMenu1033,
.mainMenu1034,
.mainMenu1035,
.mainMenu1045,
.mainMenu323 {
    background: url("/imagesN/horse.png") no-repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
}

.mainMenuUniversal {
    padding-top: 70px;
    background: url("/imagesN/paw.svg") no-repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
    background-size: 50px;
}

.mainMenuAnimals b.mainMenuAnimalSmall {
    font-size: 15px;
}

.mainMenuAnimals a:hover .mainMenuAnimal,
.mainMenuAnimals a:focus .mainMenuAnimal {
    filter: brightness(104%);
}

.mainMenuAnimals a:active .mainMenuAnimal {
    filter: brightness(98%);
}

.mainMenuAnimals b {
    display: block;
    text-align: center;
    background-color: #F2E4B9;
    font-size: 16px;
    padding: 9px;
    margin: 7px 0;
    border-radius: 25px;
    color: black;
}

.mainMenuAnimals a:hover b {
    color: white;
    background-color: #009245;
}

.breadcrumb {
    border-bottom: 2px solid #E1E5DE;
    border-top: 2px solid #E1E5DE;
    background: none;
    border-radius: 0;
    padding: 15px 0;
    margin: 20px 0 40px 0;
    font-weight: 500;
    font-size: 15px;
}

.breadcrumb > li a {
    color: #272727;
}

.breadcrumb > li.active a {
    color: #009245;
}

.breadcrumb > li + li::before {
    color: #272727;
}

.homeIcon {
    margin: -4px 5px 0 0;;
}

.borderTop {
    border-top: 2px solid #E1E5DE;
    padding-top: 30px;
}

.name {
    color: #7E8299;
}

.mainBenefit {
    background: url("/imagesN/benefitsPattern.svg") repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
    border-radius: 25px;
    margin-bottom: 30px;
}

.mainBenefit > img {
    padding: 25px;
    border-radius: 25px;
    background-color: white;
    margin: 30px 0 10px 30px;
    width: 80px;
    height: 80px;
}

.mainBenefitText label {
    margin-bottom: 0;
}

.mainBenefitText .quickSearchBoxFilter {
    padding-bottom: 9px;
}

.mainBenefit h2 {
    background: rgb(0,146,69);
    background: linear-gradient(90deg, rgba(0,146,69,1) 0%, rgba(148,157,24,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    display: inline-block;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}

.mainBenefitText {
    margin-top: 20px;
    padding: 10px 30px 30px 30px;
    color: black;
    border-radius: 25px;
}

.mainBenefitText h2 {
    font-size: 24px;
}

.mainBenefitButton {
    font-weight: 500;
    display: block;
    background-image: url("/imagesN/greenArrow.svg");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 28px;
}

.mainBenefitFreeDelivery .mainBenefitText {
    background-color: #ECFBDC;
}

.mainBenefitPetKlub .mainBenefitText {
    background-color: #FEF9CC;
}

.mainBenefitNew .mainBenefitText {
    background-color: #E3FAFF;
}

.mainBenefits {
    margin-top: 15px;
    padding-top: 15px;
}

.mainBenefits a:hover .mainBenefit {
    filter: brightness(104%);
}

.mainBenefits a:active .mainBenefit {
    filter: brightness(98%);
}

.mainBannerLeft {
    background-color: #F3F5E8;
    border-radius: 25px;
    padding: 40px 50px 50px 50px;
    margin-bottom: 30px;
}

.mainBannerLeft h2 {
    font-size: 30px;
    background: rgb(0,146,69);
    background: linear-gradient(90deg, rgba(0,146,69,1) 0%, rgba(255,170,0,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    display: inline-block;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}

.mainBannerLeft h3 {
    font-size: 30px;
    margin-top: 0;
    color: black;
}

.mainBannerLeft p {
    margin: 30px 0;
}

.mainBannerLeftBtn {
    background-color: #162138;
    border-radius: 25px;
    color: white;
    background-image: url("/imagesN/diamond.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 30px;
    line-height: 2;
    padding: 10px 20px;
    font-weight: 700;
}

.mainBannerLeftBtn:hover {
    background-color: #4B4D50;
}

.mainBannerRight {
    border: 2px solid #eee;
    border-radius: 25px;
    padding: 30px;
}

.mainBannerRight a:hover, .mainBannerRight a:focus, .mainBannerRight a:active {
    border: none;
}

.productBox {
    border: 1px solid #DBE0D7;
    padding: 20px 20px 100px 20px;
    border-radius: 25px;
    margin-bottom: 30px;
    background-color: white;
    text-align: left;
    position: relative;
}

.productBoxHeader {
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E4E2EA;
    margin: 0 0 20px 0;
    padding: 0 0 25px 0;
}

.productBoxContSmall {
    padding: 0;
    width: 100%;
    min-width: 820px;
    text-align: center
}

.productBoxContSmall .productBoxBuyBtn {
    margin-top: 0;
}

.pboxHighlight {
    border-color: #FBAA01;
}

.pboxHighlight .productBoxHeader a h3 {
    color: #EF5025;
}

.pboxunavailable {
    background-color: #efefef;
}

.pboxunavailable .productBoxDesc::before {
    background: none;
}

.productBoxHeader a {
    border: none;
}

.productBox h3 {
    color: #162138;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    /*margin-top: 0;
    margin-bottom: 20px;
    padding: 0 0 20px;*/
    padding: 0;
}


.productPhotoTile {
    position: relative;
    width: 90%;
    max-width: 330px;
    height: 330px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

.productPhotoMiniTile {
    width: 280px;
    height: 280px;
}

.productPhotoContent {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.productBoxImg {
    position: relative;
}

.productBoxLabels {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    text-align: right;
    display: inline-block;
}

.productBoxLabel {
    border-radius: 10px;
    padding: 2px 8px 2px 30px;
    background-color: rgba(255,255,255,0.9);
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    background-repeat: no-repeat;
    margin-bottom: 2px;
    color: #162138;
    max-width: 200px;
}

.productBoxLabelFreeDelivery {
    border: 2px solid #0D8BE3;
    background-image: url("/imagesN/freeDeliveryIcon.svg");
    background-position: left 5px center;
    white-space: nowrap;
}

.productBoxLabelDiscount {
    border: 2px solid #F56600;
    background-image: url("/imagesN/discountIcon.svg");
    background-position: left 5px center;
}

.productBoxLabelSale {
    border: 2px solid #F56600;
    background-image: url("/imagesN/saleIcon.svg");
    background-position: left 5px center;
}

.productBoxLabelTopPrice {
    border: 2px solid #72BBEE;
    background-image: url("/imagesN/topPriceIcon.svg");
    background-position: left 5px center;
}

.productBoxBottomLabels {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: right;
}

.productBoxBottomLabels a {
    color: #162138;
}

.productBoxLabelPetKlub {
    border: 2px solid #FFAA00;
    background-image: url("/imagesN/petKlubIcon.svg");
    background-position: left 5px center;
}

.productBoxDesc {
    font-size: 15px;
    display: -webkit-box;
    Webkit-line-clamp: 3;
    webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    height: 4.5em;
    position: relative;
    color: #5B6272;
    padding-top: 0;
    font-family: "Inter", sans-serif;
}

.productBoxDesc::before {
    position: absolute;
    width: 100%;
    height: 15px;
    content: "";
    overflow: hidden;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.productBox:hover .productBoxDesc::before {
    display: none;
}

.productBoxFooter {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #d8ddd4;
    position: absolute;
    bottom: 16px;
    width: calc(100% - 40px);
}

.productBoxBuy {
    float: right;
}

.productBoxContSmall .productBox .productBoxFooter {
    padding: 10px 0 0 0;
    width: calc(100% - 20px);
}

.productBoxContSmall .productBox .productBoxImg {
    height: 80px;
    text-align: center;
}

.productBoxContSmall .productBox .productBoxContent {
    padding: 10px;
}

.productBoxContSmall .row {
    margin-left: 30px;
    margin-right: 30px;
}

.productBoxContSmall .productBoxHeader {
    height: 50px;
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
}

.productBoxContSmall .productBox {
    padding: 8px 8px 90px 8px;
}

.productBoxContSmall .productBox h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.productBoxContSmall .productBox .productBoxDesc {
    font-size: 13px;
}

.greenButton {
    padding: 10px;
    background-color: #009245;
    color: white;
    font-weight: bold;
    border-radius: 10px 0 0 0;
}

.greenButton a {
    color: white;
    font-weight: bold;
}

.backButton {
    padding: 10px;
    background-color: #EEF2EA;
    color: gray;
    font-weight: bold;
    border-radius: 0 10px 0 0;
}

.backButton a {
    color: #A6A6A6;
    font-weight: bold;
}

.backButton:hover,
.backButton:focus,
.greenButton:hover,
.greenButton:focus {
    filter: brightness(110%);
}

.backButton:active,
.greenButton:active {
    filter: brightness(96%);
}

.btnBuy, .btnBuyBig {
    background-image: url("/imagesN/cartIcon.svg");
    background-position: left 8px center;
    background-repeat: no-repeat;
    padding: 8px 10px 8px 35px;
    font-size: 16px;
}

.btn-hl {
    border-radius: 8px;
    background-color: #EF5025;
    color: white;
    font-weight: 600;
}

.btn-hl:hover, .btn-hl:focus, .btn-hl:active {
    background-color: #EF5025;
    color: white;
}

.btn-hl:hover,
.btn-hl:focus {
    filter: brightness(110%);
}

.btnBuy:active, .btnBuyBig:active {
    filter: brightness(96%);
    background-image: url("/imagesN/cartIcon.svg");
    background-size: 18px;
    background-position: left 9px center;
}

.productBoxPriceAvail {
    color: #EF5025;
    font-size: 20px;
    line-height: 1.2;
}

.productBoxPriceAvail s {
    color: #B17765;
    font-size: 14px;
    background-image: url("/imagesN/strike.png");
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}

.productBoxPriceAvail small {
    font-size: 15px;
    color: #162138;
}

.productBoxPriceAvail b {
    font-weight: 700px;
    letter-spacing: 1px;
}

.productBoxImg .heartBtn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.heartBtn {
    cursor: pointer;
}

.productBoxMoreInfo {
    display: inline-block;
    font-size: 13px;
    background-color: #FFAA00;
    color: white;
    font-weight: 600;
    padding: 0 5px;
    border-radius: 5px;
}

footer {
    background-color: #EEF2EA;
    padding: 10px 0 10px;
}

footer h3 {
    background-image: url("/imagesN/paw.svg");
    background-repeat: no-repeat;
    background-position: left top 11px;
    background-size: 17px;
    color: #162138;
    font-size: 17px;
    font-weight: bold;
    margin: 25px 0 10px;
    padding: 10px 0 10px 26px;
}

footer ul {
    list-style: none;
    margin: 5px 0 30px 0;
    font-size: 15px;
    padding-left: 26px;
}

footer ul li a {
    color: #162138;
    border-bottom: 2px solid #DCE4D3;
}

footer ul li {
    padding: 5px 0;
    margin: 3px 0;
    color: #162138;
}

.socialIcon {
    margin-top: -3px;
    width: 30px;
    height: 30px;
}

.noUnderline, .noUnderline:hover, .noUnderline:focus, .noUnderline:active {
    text-decoration: none;
    border-bottom: 0;
}

footer p {
    font-size: 15px;
    padding-left: 26px;
}

.footerCertLine {
    margin-bottom: 30px;
}

.comgate {
    max-height: 24px;
}

.tableList {
    border-collapse: collapse;
    width: 100%;
}

.tableList td {
    padding: 5px 5px;
    vertical-align: middle;
}

.tableList tr td:last-child, .tableList tr td:nth-last-child(2) {
    text-align: right;
}

.tableList h2 {
    color: #009245;
    padding: 0;
}

.tableList h3 {
    color: #5F5F5F;
    padding: 0;
    margin: 0;
    font-size: 20px;
}

.tableListHeader td {
    font-weight: bold;
}

.tableListBody td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.footerCertLine .footerCert {
    margin: 5px 15px 5px 0;
}

.footerCertLine .footerCert::last-child {
    margin-right: 0;
}

footer .copyright {
    border-top: 2px solid #CFD6C8;
    margin: 20px 0;
    padding: 20px 0;
    font-size: 14px;
    
}

.menuCategory {
}

.menuCategoryBox {
    margin-bottom: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.mainMenuShown {
    width: 100%;
    background-color: white;
    border: 2px solid #D5DAD0;
    border-radius: 25px;
    padding: 0;
    z-index: 99;
    box-shadow: 0 28px 40px -2px rgba(14,31,53,0.2);
}

.menuCategoryContainer {
    position: relative;
}

.menuCategoryButtons {
    background: rgb(237,245,233);
    background: linear-gradient(0deg, rgba(237,245,233,1) 0%, rgba(251,246,230,1) 100%);
    border-radius: 25px;
    padding: 14px 20px;
}

.menuCategoryButton {
    font-size: 15px;
    font-weight: 600;
    background-image: url("/imagesN/greenArrow.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    color: #162138;
    margin: 10px 0;
    padding: 12px 35px 8px 15px;
    background-color: white;
    display: block;
    border-radius: 18px;
}

.menuCategoryButton:hover,
.menuCategoryButton:active,
.menuCategoryButton:focus {
    border-width: 0;
}

.menuCategoryButton img {
    margin-right: 8px;
    margin-top: -3px;
    padding-right: 10px;
    border-right: 1px solid #DDE1D9;
}



.mainMenuContentBox {
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.mainMenuContentBoxIn {
    padding: 10px;
}

.mainMenuContentBoxImg {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.mainMenuContentBoxImg img {
    width: auto;
    height: auto;
    max-width: 75px;
    max-height: 75px;
}

.mainMenuContentBoxImg a:hover img {
    text-decoration: none;
}

.mainMenuContentBoxText {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 10px;
    padding-right: 5px;
    color: silver;
}

.mainMenuContentBoxText a {
    color: #616161;
}

.mainMenuContentBoxText a:hover {
    color: black;
}

.mainMenuContentB {
    color: black;
}

.menuCategoryProducers {
    
}

.menuCategoryProducers a {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 3px 8px 0;
    background-color: white;
    border-radius: 20px;
    font-weight: 600;
    color: black;
    font-size: 14px;
}

.footerCertLine a:hover,
.footerCertLine a:focus,
.footerCertLine a:active,
.menuCategoryProducers a:hover,
.menuCategoryProducers a:focus,
.menuCategoryProducers a:active {
    border-width: 0;
    color: #009245;
}


.menuCategoryButtons h3 {
    font-size: 17px;
    padding: 40px 0 10px 0;
    margin-top: 40px;
    border-top: 2px solid #E0E3D9;
    font-weight: 500;
}

.mobileShow, .menuUl li.mobileShow {
    display: none;
}

.mainMenuTools {
    text-align: right;
    margin-top: -2px;
}

.panelsH2 {
    font-size: 28px;
    padding: 10px 0 10px;
    margin: 10px 0 15px;
}

.categoryFilter {
    background-color: #F8FAF7;
    border-radius: 16px;
    padding: 20px 30px;
    font-size: 14px;
    border: 1px solid #D9DED5;
}

.categoryFilter h3 {
    font-weight: bold;
    font-size: 16px;
    margin: 3px 0;
    padding: 3px 0;
}

.categoryFilter hr {
    border-color: #D9DED5;
    margin-left: -15px;
    margin-right: -15px;
}

.pdinputSet {
    margin-top: 10px;
}

.pdinput {
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #0C172F;
    font-size: 16px;
    letter-spacing: 0.35px;
    padding: 4px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    border: 1px solid #007C1F;
}

.pdselect {
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #0C172F;
    font-size: 16px;
    letter-spacing: 0.35px;
    padding: 4px 4px 4px 8px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    border: 1px solid #007C1F;
}

#quickProducersShowProducers {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.pdinputMargin {
    margin: 13px 0 3px;
    text-align: center;
}

.pdbtn, .boxy-wrapper .answers input[type=button] {
    border-radius: 8px;
    background-color: #039347;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.35px;
    padding: 3px 5px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    border: 1px solid #039347;
    margin: 13px 0 3px;
    text-align: center;
}

.pdbtn:hover, .boxy-wrapper .answers input[type=button]:hover {
    background-color: black;
}

.filterCancel {
    border-radius: 8px;
    background-color: #D3D3D3;
    color: #737373;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0.35px;
    padding: 3px 6px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    border: 1px solid #fff;
    margin: 3px 0 3px;
    text-align: center;
}

.slider {
    margin-top: 20px;
}

.categoryFilterCheckbox, .customRadioBox {
    padding: 3px 0;
}

.categoryFilterCheckbox input[type=checkbox]:checked::before,
.customRadioBox input[type=radio]:checked::before {
    transform: scale(1);
}

.categoryFilterCheckbox input[type=checkbox]:checked,
.customRadioBox input[type=radio]:checked {
    background-color: #049347;
}

.categoryFilterCheckbox label,
.customRadioBox label {
    display: grid;
    grid-template-columns: 13px auto;
    gap: 23px;
    cursor: pointer;
}

.categoryFilterCheckbox input[type=checkbox],
.customRadioBox input[type=radio] {
    -webkit-appearance: none;
    cursor: pointer;
    appearance: none;
    background-color: #fff;
    margin: 5px 0 0 0;
    font: inherit;
    color: #049347;
    width: 24px;
    height: 24px;
    border: 1px solid #049347;
    border-radius: 6px;
    transform: translateY(0);
    display: grid;
    place-content: center;
}

.categoryFilterCheckbox input[type=checkbox]::before,
.customRadioBox input[type=radio]::before {
    content: "";
    width: 15px;
    height: 15px;
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: #fff;
    clip-path: polygon(11% 50%, 0 65%, 50% 100%, 100% 16%, 85% 4%, 43% 72%);
}

.categoryFilterCheckboxText,
.customRadioBoxText {
    margin-top: 7px;
}

.mainBenefitText .categoryFilterCheckboxText {
    margin-top: 6px;
}

.categoryFilterCheckboxText {
    color: #162138;
    font-weight: bold;
    display: inline-block;
}

.aCheckbox:hover, .aCheckbox:focus, .aCheckbox:active {
    border: 0;
}

.categoryItem {
    width: 100%;
    border-radius: 16px;
    display: inline-flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    background-color: white;
    border: 1px solid #DDE1D9;
    padding: 14px 4px 14px 14px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.3;
}

a .categoryItem {
    color: black;
}

a:hover .categoryItem {
    background-color: #F8FAF7;
    border-color: #049347;
}

a:active .categoryItem {
    background-color: #E0E9DC;
    border-color: #036934;
}

.categoryItemImgBox {
    border-radius: 12px;
    border: 1px solid #DDE1D9;
    padding: 5px;
    margin-right: 14px;
    background-color: white;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-grow: 0;     /* do not grow   - initial value: 0 */
    flex-shrink: 0;   /* do not shrink - initial value: 1 */
}

.categoryItem img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.infoIcon {
    padding: 3px;
    cursor: pointer;
}

.infoIcon:hover {
    filter: brightness(120%);
}

.categoryItemTop {
    font-weight: normal;
}

.categoryItemTopGold {
    background: url("/imagesN/gold.svg") no-repeat 20px center, linear-gradient(90deg, rgba(253,244,229,1) 0%, rgba(255,255,255,1) 100px);
}

.categoryItemTopSilver {
    background: url("/imagesN/silver.svg") no-repeat 20px center, linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100px);
}

.categoryItemTopBronze {
    background: url("/imagesN/bronze.svg") no-repeat 20px center, linear-gradient(90deg, rgba(240,235,225,1) 0%, rgba(255,255,255,1) 100px);
}

.categoryItemTopImgBox {
    margin-left: 60px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-basis: 60px;
    flex-shrink: 0;
}

.categoryItemTop .productBoxPriceAvail {
    margin-left: 20px;
    margin-right: 20px;
}

.categoryItemTop {
    padding: 14px;
}

.categoryItemTopName a {
    color: black;
    font-weight: bold;
}

.categoryItemTopName p a, .categoryItemTopName p a:hover, .categoryItemTopName p a:focus, .categoryItemTopName p a:active {
    color: #162138;
    text-decoration: none;
    border: 0;
    font-weight: normal;
}
    
.categoryItemTop .categoryItemTopName p {
    padding-top: 5px;
}
    
.categoryItemTop .categoryItemTopName {
    flex-grow: 1;
}

.priorityProducer {
    width: 60px;
    height: 30px;
    margin: 5px;
    display: inline-block;
}

.quickSearchList {
    padding: 10px 5px;
    margin-bottom: 10px;
    border: 1px solid #49A274;
    background-color: white;
    border-radius: 16px;
}

.quickSearchListProducers {
    padding: 15px 20px 20px 20px;
}

.quickSearchListLogo {
    text-align: center;
}

.mainBenefitPetKlub .mainBenefitText  {
    padding-bottom: 10px;
}

.priorityProducer img {
    width: 100%;
    height: auto;
}

.priorityProducer img:hover {
    filter: brightness(120%);
}

.priorityProducer a {
    border: 0;
}

.quickSearchBoxFilter {
    padding-bottom: 10px;
}

.quickSearchBoxBtn {
    margin: 10px 0 25px 0;
}

.quickSearchBoxBtn a {
    font-size: 15px;
    padding: 10px 25px;
    margin: 3px 0;
    border-radius: 20px;
    background-color: #EEF2EA;
    border: 1px solid #49A274;
    font-weight: bold;
}

.quickSearchBoxBtn:hover {
    filter: brightness(105%);
}

.quickSearchBoxBtn:active, .quickSearchBoxBtn:focus {
    filter: brightness(90%);
}

.productSort {
    margin: 10px 0 20px;
}

.productSort a {
    display: inline-block;
    font-size: 15px;
    padding: 10px 25px;
    margin: 3px 0;
    border-radius: 20px;
    background-color: #F9FBF8;
    font-weight: bold;
    border: 1px solid #DCE0D8;
}

.productSort a.productSortActive {
    background-color: #EEF2EA;
    border-color: #49A274;
}

.productSort a:hover {
    filter: brightness(105%);
}

.productSort a:active {
    filter: brightness(90%);
}

.topProductHidden {
    display: none;
}

.topProductsMore, .topProductsLess {
    color: #152037;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
}

.topProductsMore a, .topProductsLess a {
    color: #152037;
    border-bottom: 2px solid #152037;
}

.topProductsMore a:hover, .topProductsLess a:hover {
    color: #009245;
    border-color: #009245;
}

.topProductsLess {
    display: none;
}

.productImage {
    border: 1px solid #E2E6DF;
    border-radius: 16px;
}

.productImage img {
    width: 100%;
    max-width: 600px;
    padding: 16px;
    height: auto;
}

#bestPriceBadge {
}

#bestPriceBadge img {
    width: 120px;
    height: auto;
}

.productDetailName {
    margin-bottom: 20px;
}

.productDetailName h1 {
    margin-top: 3px;
}

.productDetailName .heartBtn {
    margin-top: 8px;
}

.productContent {
    border-radius: 16px;
    background-color: #F9FBF8;
    padding: 25px;
}

.productContentTable {
    font-size: 15px;
    font-weight: 500;
}

.productContentTr {
    margin-bottom: 5px;
}

.productContentTh {
    color: #5E6675;
}

.productContentTh b {
    color: black;
}

.productContentTd {
    color: #172239;
}

.productContentText {
    font-size: 15px;
    line-height: 1.5;
}

.productContent h2 {
    font-size: 15px;
    margin: 5px 0;
    padding: 5px 0;
    font-weight: bold;
    color: black;
}

.productContentTextMain table {
    border-collapse: collapse;
    margin: 8px 0;
}

.productContentTextMain table td {
    padding: 2px 4px;
    border: 1px solid silver;
}

.productTools {
    background-color: #EEF2EA;
    padding: 30px;
    float: right;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #D9DED5;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.productToolsAmount {
    position: relative;
}

.productToolsBtn {
    position: absolute;
    top: 15px;
    font-size: 26px;
    cursor: pointer;
    background-color: #F6F8F4;
    height: 49px;
    width: 49px;
    text-align: center;
}

.productToolsBtn:hover {
    background-color: #EEF2EA;
}

.productToolsBtn:active {
    background-color: #CBD7BF;
}

.productToolsBtnPlus {
    right: 2px;
    border-radius: 0 8px 8px 0;
    padding-top: 7px;
}

.productToolsBtnMinus {
    left: 2px;
    border-radius: 8px 0 0 8px;
    padding-top: 5px;
}

.productToolsPrice {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
}

.productToolsPrice b {
    font-size: 20px;
}

.productToolsPrice small {
    font-size: 18px;
}

.productPriceText {
    float: left;
    line-height: 30px;
}

.productPrice {
    line-height: 30px;
    float: right;
    color: #EF5025;
}

.productBuyAmount, .productBuyVariant {
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.35px;
    padding: 13px 10px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    margin: 13px 0 3px;
    width: 100%;
    text-align: center;
    height: 53px;
    box-shadow:none !important;
    outline:0px !important;
}

.productBuyAlternatives {
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.35px;
    padding: 20px 10px 6px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    margin: 32px 0 0;
    width: 100%;
    text-align: left;
    height: 53px;
    box-shadow: none !important;
    outline: 0px !important;
    position: relative;
}

.productBoyAlternatives option {
    font-family: "Space Grotesk", sans-serif;
}

.productBuyAlternativesBox {
    position: relative;
}

.productBuyAlternativesLoading {
    background-image: url("/imagesN/tloading.gif");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.productBuyAlternativesLabel {
    position: absolute;
    left: 10px;
    top: 2px;
    font-size: 13px;
    color: gray;
    z-index: 10;
}

.productToolsBuy .btnBuy, .productToolsBuy .btnBuyBig {
    border-radius: 8px;
    background-color: #EF5025;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.35px;
    background-image: url("/imagesN/cartIcon.svg");
    background-position: left 15% center;
    background-repeat: no-repeat;
    padding: 15px 10px 15px 40px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    margin: 10px 0 0 0;
    cursor: pointer;
    width: 100%;
}

.productBuyBtn:hover {
    background-color: #EEEAF0;
}

.productMark {
    border: 1px solid #DCE1D9;
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: left 15px center;
    margin-top: 10px;
    background-color: white;
    border-radius: 8px;
    font-size: 15px;
}

.productMarkDesc {
    padding-left: 15px;
    border-left: 1px solid #DDE1D9;
}

.productMark h3 {
    font-weight: 500;
    font-size: 15px;
    margin: 0;
    padding-top: 1px;
    line-height: 1.3;
}

.productMark p {
    margin: 0;
}

.productMark a {
    color: #8D91A5;
    border-bottom: 2px solid #eee;
}

.productFullDesc {
    padding-top: 30px;
}

.productFullDesc {
    padding-left: 15px;
    padding-right: 15px;
}

.productFullDesc .categoryItemTop .categoryItemTopName {
    flex-grow: 1;
}

.productFullDesc .categoryItemTopImgBox {
    margin-left: 10px;
}

#productFullDesc {
    padding-top: 40px;
}

.productPriceTextInfo {
    color: gray;
    padding: 10px 0;
    font-size: 14px;
    font-weight: normal;
}

.productBoxPriceInfo {
    font-size: 14px;
    color: gray;
}

.productGallery {
    margin: 10px 0;
    text-align: center;
}

.productGallery a:hover, .productGallery a:active, .productGallery a:focus {
    border: none;
}

.categoryItemTopImgBox a:hover, .categoryItemTopImgBox a:active, .categoryItemTopImgBox a:focus {
    border: none;
}

.productGallery a {
    display: inline-block;
    padding: 2px;
}

.productGallery img {
    height: 100%;
    width: auto;
    max-height: 60px;
    max-width: 90px;
    border: 2px solid #D9DED5;
    padding: 10px;
    border-radius: 10px;
}

.productGallery img:hover {
    border-color: gray;
}

.pp_pic_holder a:hover, .pp_pic_holder a:focus, .pp_pic_holder a:active {
    border: none;
}

.productMistake {
    background-color: #F0F0F3;
    padding: 15px 5px;
    text-align: center;
    border-radius: 8px;
    margin: 30px 0;
    font-size: 15px;
    color: #6B708A
}

.productMistake a {
    color: #6B708A;
    border-bottom: 1px solid #6B708A;
}

.productMistake a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

.productSystemTools {
    text-align: center;
    padding-bottom: 20px;
}

.productSystemTools a {
    color: #6B708A;
}

.productSystemTools a:hover, .productSystemTools a:active, .productSystemTools a:focus {
    color: #6B708A;
    border: none;
}

.productSystemTools a .print:hover {
    color: black;
}

.print {
    background-image: url("/imagesN/print.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding: 3px 5px 3px 28px;
    display: inline-block;
    
}

.productPhotoOnlyForPrint {
    display: none;
    width: 300px;
}

.productPhotoOnlyForPrint img {
    width: 100%;
    height: auto;
}

#searchHint {
    position: absolute;
    top: 42px;
    left: 0;
    width: 600px;
    height: auto;
    max-height: 600px;
    overflow: auto;
    z-index: 10;
    background-color: #fff;
    padding: 15px;
    border: 2px solid #009245;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 0px 18px 0px rgba(222,222,222,1);
    box-shadow: 0px 0px 18px 0px rgba(222,222,222,1);
}

.menuCategoryHidden {
    display: none;
}

.homeBannerArrow {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 115px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left top;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

.homeBannerArrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

#homeBannerPager {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 20px;
}

.homeBannerDot {
    width: 10px;
    height: 10px;
    background-color: #C1D8B1;
    border-radius: 50%;
    margin: 0 8px;
    cursor: pointer;
    display: inline-block;
}

.homeBannerDotActive {
    background-color: #4B711C;
}

#homeBannerArrowLeft {
    background-image: url("/imagesN/orangeLeft.svg");
    left: 10px;
}

#homeBannerArrowRight {
    background-image: url("/imagesN/orangeRight.svg");
    right: 10px;
}

#homeBannerBoxCont {
    margin: 20px auto;
    padding-bottom: 20px;
    position: relative;
}

#homeBannerPager {
    text-align: center;
}

#homeBannerBox {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 260px;
}

#homeBannerBox .homeBannerFlex {
    display: flex;
    justify-content: center; 
    align-items: center;
}

#homeBannerBox .homeBanner img {
    width: 100%;
    object-fit: contain;
}

.leftBottomBadgeProductBox {
    position: absolute;
    left: 0;
    bottom: 0px;
    text-align: center;
    padding-top: 0px;
    background-color: #FFDE17;
    border-radius: 50%;
    color: black;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    z-index: 999;
    font-size: 14px;
    font-family: "Inter", sans-serif; 
}

.leftTopBadgeProductBox {
    position: absolute;
    right: 20px;
    top: 5px;
    text-align: center;
    padding-top: 0px;
    background-color: #FFDE17;
    border-radius: 50%;
    color: black;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-weight: bold;
    z-index: 999;
    font-size: 17px;
    font-family: "Inter", sans-serif; 
}

.paymentWarning {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: maroon;
    padding-bottom: 3px;
    display: none;
}

.chooseDeliveryTableTdActive .paymentWarning {
    display: block;
}

.grayImg {
    filter: grayscale(100%) brightness(120%);
}

.miniphoto img {
    width: 100%;
    height: auto;
    max-width: 70px;
    max-height: 70px;
}

.notAvailable {
    color: gray;
}

.productBoxFooter2 {
    padding: 3px 5px 3px 30px;
    background-image: url("/imagesN/infoGrey.svg");
    background-position: left 6px center;
    background-repeat: no-repeat;
    background-color: #efefef;
    font-size: 15px;
    margin-top: 3px;
    border-radius: 12px;
}

.btnLoading {
    background-color: silver !important;
    background-image: url("/imagesN/tloading.gif") !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left 9px center;
}

#morePhotosBtn {
    display: none;
}

.illustrationInfo {
    font-size: 13px;
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    color: gray;
}

.heurekaBadge {
    margin-top: 12px;
    text-align: left;
}

.availOkBox {
    background-image: url("/imagesN/instock.svg");
    background-repeat: no-repeat;
    background-position: left 1px top 1px;
    padding: 0 0 0 25px;
}

.availKoBox {
    background-image: url("/imagesN/unavailable.svg");
    background-repeat: no-repeat;
    background-position: left 1px top 1px;
    padding: 0 0 0 25px;
    color: gray;
    display: inline-block;
}

.strikePrice s {
    color: #C19486;
    font-size: 14px;
    background-image: url("/imagesN/strike.png");
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}

.strikePrice {
    display: inline-block;
    text-align: right;
    float: right;
}

.priceAddInfo {
    padding: 12px 0 0 0;
    color: #F46324;
}

.alertMessage {
    border: 1px solid maroon;
    border-radius: 8px;
    background-color: #FFECEC;
    padding: 15px;
    margin: 10px 0 30px;
    display: block;
}

.infoMessage {
    border: 1px solid #8E6746;
    border-radius: 8px;
    background-color: #E9DCD1;
    padding: 15px;
    margin: 10px 0 30px;
    display: block;
}

.moreSimilarLines {
    text-align: center;
    margin: 8px auto;
}

.moreSimilarLines a, .showDesc2Btn a {
    font-size: 15px;
    background-image: url("/imagesN/expand.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}

.showDesc2Btn {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 30px;
}

.basketContent {
    position: absolute;
    right: 4px;
    top: 32px;
    background-color: white;
    border: 2px solid #009245;
    border-radius: 10px;
    padding: 15px;
    z-index: 50;
    width: 500px;
    display: none;
    text-align: left;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 0px 18px 0px rgba(222,222,222,1);
    box-shadow: 0px 0px 18px 0px rgba(222,222,222,1);
}

.basketContentTable {
    border-collapse: collapse;
    width: 100%;
}

.basketContentTable td {
    border-bottom: 1px solid silver;
    padding: 5px 8px 5px 0;
    line-height: 1.5;
    font-size: 14px;
}

.basketContentTable td a {
}

.highlightKeyword {
    color: #FFAA00;
    font-weight: bold;
}

.searchHintTable {
    border-collapse: collapse;
    width: 100%;
}

.searchHintTable td {
    border-bottom: 1px solid silver;
    padding: 4px 10px;
    line-height: 1.5;
    font-size: 14px;
}

.searchHintTable td a {
}

.basketContentFooter {
    padding-top: 20px;
}

.toRight {
    float: right;
}

.toRightText {
    text-align: right;
}

#basketbox {
    position: relative;
}

.watchDogBox {
    font-size: 15px;
    padding: 20px 0 0 0;
}

.newInput {
    padding: 5px;
    border-radius: 8px;
    background-color: #EEF2EA;
    border: 0;
    font-size: 15px;
    height: 44px;
    text-indent: 1px;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
}

.watchDogBox .newInput {
    background-color: #DBE3D2;
}

.moreProducersButton, .lessProducersButton {
    cursor: pointer;
    font-size: 14px;
    margin: 3px 2px 0 2px;
    padding: 5px 0 0 0;
    display: inline-block;
    color: #049347;
}

.lessProducersButton {
    margin-bottom: 20px;
}

.moreProducersLetter {
    padding: 8px 0 3px 0;
    font-weight: bold;
    font-size: 18px;
}

.categoryFilter h3.categoryFilterToggle {
    background-image: url("/imagesN/expand.svg");
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding-left: 25px;
    cursor: pointer;
}

h2.panelsH2 a {
    color: #162138;
}

.moreProductsButton {
    text-align: center;
}

.moreProductsBox {
    display: none;
    width: 100%;
    border-top: 1px solid silver;
    padding-top: 20px;
    margin-top: 20px;
}

.moreProductsBox .tloading {
    padding: 20px;
}

.tloadingBox {
    width: 100%;
    text-align: center;
}

.pager3a {
    padding: 3px;
    text-decoration: none !important;
    line-height: 26px;
    color: #EF5025;
}

.pager3a:hover {
    border-color: black;
    color: black;
}

.pager3active {
    padding: 3px;
    text-decoration: none !important;
    line-height: 26px;
    border-radius: 2px;
    font-weight: bold;
    background-color: #eee;
    color: black;
}

.pagerTop {
    color: gray;
}

.cancelFilter {
    color: #FD4F30;
    font-size: 14px;
}

.filterEnabled {
    
}

.userMenuBox {
    background-color: #F8FAF7;
    border-radius: 16px;
    padding: 8px 15px;
    border: 1px solid #D9DED5;
}

.userMenuBox label {
    font-weight: normal;
}

.userMenuBox h2 {
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 15px;
}

.userMenuBox ul li.text {
    font-size: 15px;
    color: #303030;
    line-height: 1.4;
    padding-bottom: 5px;
}

.userMenu {
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 5px;
}

.userMenu li {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0;
    padding: 3px 0;
    border-radius: 10px;
    background-color: white;
}

.userMenu li a {
    text-decoration: none;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    background-color: white;
    padding: 8px 16px;
    line-height: 2;
    color: #222222;
}

.userMenu li a:hover {
    color: #009245;
    border-color: #009245;
}

.userMenu li a.userMenuActive {
    border: 1px solid #5A8822;
    background-color: #5A8822;
    color: white;
}

/* old login start */

.loginContBox {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

.loginLeftBox {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 500px;
}

.loginForm {
    margin: 30px 0;
}

.loginForm table td {
    padding: 3px 20px 3px 0;
}

#centercontent .loginContBox h1 {
    background: transparent;
}

.loginRightBox {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 400px;
}

/* old login end */

/* old buttons and inputs start */

.newButton {
    border-radius: 3px;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid gray;
    color: #333;
    cursor: pointer;
    outline: none;
    height: 24px;
    font-size: 15px;
    line-height: 18px;
    padding: 0 8px 0 8px;
    background-color: #F0F0F0;
    -moz-box-sizing: content-box; /* or `border-box` */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.newButtonLH {
    line-height: 1.8 !important;
}

.newButtonHighlighted {
    color: white;
    font-weight: bold;
    border-color: #E83800;
    background-color: #E83800;
}

.newButtonHighlighted:hover {
    color: white !important;
    background-color: #CA3300;
}

.newButtonBuy {
    color: #fff;
    cursor: pointer;
    outline: none;
    height: 24px;
    font-size: 16px;
    line-height: 18px;
    padding: 2px 10px;
    border-radius: 8px;
    border: 1px solid transparent;
    background-color: #EF5025;
    -moz-box-sizing: content-box; /* or `border-box` */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.newButtonBuy:hover {
    filter: brightness(110%);
}

.newButtonBuyHighlighted {
    color: white;
}

a.newButton {
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

.newInput {
    border-radius: 3px;
    border: 1px solid silver;
    color: #333;
    outline: none;
    height: 24px;
    font-size: 13px;
    margin: 0;
    line-height: 18px;
    padding: 0 7px 0 7px;
    background-color: #F0F0F0;
    -moz-box-sizing: content-box; /* or `border-box` */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.newInputWhite {
    background-color: white !important;
}

.newButton:hover {
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid #333;
    color: black;
}

.newButton:active {
    border-left: 1px solid silver;
    border-top: 1px solid gray;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    outline: none;
}

.newButtonBig {
    font-weight: bold;
    font-size: 20px;
    height: 40px;
    line-height: 1.2;
    padding-left: 13px;
    padding-right: 13px;
}

.newButtonMultiLine {
    height: 46px;
}

.newButtonMiddle {
    font-weight: normal;
    font-size: 14px;
    height: 32px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}

.newButtonSmall {
    font-weight: normal;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.newButtonRed {
    color: maroon;
    background-color: #FFB9BB;
}

.paymentIcon {
    display: inline-block;
    vertical-align: middle;
}

.newInputSmall {
    font-weight: normal;
    font-size: 13px;
    height: 20px;
    line-height: 15px;
    padding: 2px;
    margin-bottom: 2px;
}

.newInputSmall::-webkit-input-placeholder {
    font-size: 13px;
}

.newInputMiddle {
    font-weight: normal;
    font-size: 14px;
    height: 32px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}

.newInputBig {
    font-weight: normal;
    font-size: 20px;
    height: 40px;
    line-height: 33px;
    padding-left: 13px;
    padding-right: 13px;
}

.choosePM label {
    display: block;
}

/* old buttons and inputs end */

/* old createorder styles start */

.selectMethodCheckbox {
    height: 32px;
    width: 32px;
    background: none;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid silver;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 5px;
    margin-bottom: 2px;
    background-color: white;
    cursor: pointer;
}

.chooseDeliveryTableTdActive .selectMethodCheckbox {
    background-image: url("/images/okicon.png");
    border-color: #28822A;
}

.chooseDeliveryTable label, .chooseDeliveryTable label * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
}

#errorReport {
    background-color: #FFE1E1;
    padding: 10px;
    display: block;
    margin: 0 0 20px 0;
    text-align: center;
}

.choosePM {
    width: 100%;
    max-width: 760px;
    margin: 30px auto 0;
}

.choosePM h1 {
    text-align: center;
}

.choosePM label {
    display: block;
    border-top: 1px solid silver;
    padding: 3px 0 3px 46px;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 16px;
}

.chooseDeliveryTable {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
}

.chooseDeliveryTable td {
    padding-top: 4px;
    /*padding-bottom: 4px;*/
}

.deliveryRowBorder td {
    border-top: 1px solid silver !important;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}

.deliveryRowBorder label img {
    border: 1px solid white;
}

.chooseDeliveryTableTdActive label img {
    border: 1px solid silver;
    border-radius: 5px;
    background-color: white;
}

.chooseDeliveryTableTdActive {
    background-color: #9EC2A4;
    transition: background-color 0.2s linear;
}

.deliveryFirstRow {
    width: 10px;
    text-align: right;
    vertical-align: middle;
}

.deliveryFirstRow input[type=radio], .choosePM input[type=radio] {
    position: absolute;
    left: -99999px;
}

.selectMethodCheckboxTd {
    text-align: center;
    vertical-align: top;
    width: 165px;
}

.choosePMRight {
    float: right;
    text-align: right;
    display: inline-block;
    padding-right: 5px;
}

.choosePMInfo {
    width: 32px;
    display: inline-block;
}

.choosePMText {
    line-height: 42px;
    padding-left: 15px;
}

.productAddInfo {
    display: inline-block;
    background-color: #FFFFA4;
    color: #927634;
    padding: 3px 5px;
}

.selectDelivery {
    background-color: white;
    padding: 15px;
    display: inline-block;
    margin: 10px 5px 10px 5px;
    border-radius: 8px;
    max-width: 300px;
    width: 100%;
    vertical-align: top;
    color: black;
    text-align: left;
    border: 2px solid white;
}

.selectDeliveryClickable {
    cursor: pointer;
}

.dpMethodInfo {
    border-top: 1px solid silver;
    font-size: 12px;
    padding: 3px 0 3px 0;
    color: #868686;
    width: 80%;
    display: inline-block;
    vertical-align: top;
}

.dpMethodPrice {
    border-top: 1px solid silver;
    text-align: right;
    color: #868686;
    font-size: 12px;
    padding: 3px 0 3px 0;
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.dpResultInfo {
    border-top: 1px solid silver;
    font-size: 12px;
    padding-top: 6px;
    color: black;
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.dpResultPrice {
    border-top: 1px solid silver;
    text-align: right;
    color: black;
    font-size: 12px;
    padding-top: 6px;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.selectDeliveryDisabled {
    background-color: #DDDDDD;
    color: #969696;
    cursor: not-allowed;
}

.selectDeliveryHidden {
    position: absolute;
    left: -9999px;
}

.selectDeliveryBoxHidden {
    display: none;
}

.petKlubTable {
    background-color: white;
    margin: 15px 0;
}

.petKlubTable td {
    padding: 3px 10px;
    border: 1px solid #D9DED5;
}

.selectDeliveryCheckbox {
    height: 32px;
    width: 32px;
    background: none;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid silver;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.selectDeliveryCheckboxChecked .selectDeliveryCheckbox {
    background-image: url("/images/okicon.png");
    border-color: #28822A;
}

.selectDeliveryCheckboxChecked {
    border-color: #26592D;
}

.selectDeliveryCheckboxBox {
    color: #28822A;
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    display: block;
    margin-bottom: 15px;
}

.selectDeliveryBtns {
    float: right;
    text-align: right;
    line-height: 20px;
    font-weight: bold;
    display: inline-block;
    margin-left: 15px;
}

.selectDeleteBtn {
    color: #FF8285;
}

.selectEditBtn {
    color: gray;
}

.selectDeliveryClickable .selectDeleteBtn {
    color: #D69E9F;
    font-weight: normal;
}

.selectDeliveryClickable .selectEditBtn {
    color: #7E7CA5;
    font-weight: normal;
}

#chooseDeliveryMethodHelp {
    background-color: #FFC6C7;
    font-weight: bold;
    padding: 20px;
    margin: 10px 0;
}

.noUnderline {
    text-decoration: none;
}


.tableprogress {
    border-collapse: collapse;
    margin: 20px auto 10px;
}

.tableprogress td {
    width: 160px;
    vertical-align: top;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
}

.tableprogress a:hover {
    border: none;
}

.highlightBadge {
    font-size: 12px;
    padding: 2px 3px;
    background-color: yellow;
    color: black;
    line-height: 1.2;
    display: inline-block;
    text-align: center;
}


.plusMinus {
    width: 17px;
    padding-left: 0;
    padding-right: 2px;
    position: relative;
    top: 1px;
}

.amountBasketTable {
    width:30px;
    padding:0;
    text-align:center;
}

.inputRowRequired {
    color: red;
}

.inputRow {
    display: block;
    margin-top: 10px;
}

.inputRowLabel {
    display: inline-block;
    margin-top: 0;
    width: 160px;
    vertical-align: top;
    padding-top: 3px;
}

.inputRowInput {
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.inputRowInput textarea {
    max-width: 400px;
    width: 100%;
}

.productBoxFooter2Clickable {
    cursor: pointer;
}

.productBoxFooter2Clickable:hover {
    background-color: #E2E2E2;
}

.fieldSet {
    margin: 10px 0;
    background-color: #F8FAF7;
    border-radius: 16px;
    padding: 12px 15px 10px 15px;
    border: 1px solid #D9DED5;
}

.fieldSet label {
    font-weight: normal;
}

/* old createorder styles end */

/* old foodguard start */

.foodGuardBox {
    text-align: left;
    margin: 20px 0;
    padding: 30px;
    background-color: #ECEFDE;
}

.foodGuardBoxImg {
    float: left;
}

.foodGuardBoxHeader {
    text-align: center;
}

.foodGuardBoxLeft {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.foodGuardOutput {
    display: block;
    text-align: center;
    padding: 25px 0 15px 0;
    font-weight: bold;
}

.foodGuardOutput .output {
    display: inline;
    font-size: 22px;
    color: #69813A;
}

.foodGuardBoxRight {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.foodGuardBoxLeft h2 {
    margin: 30px 0 38px 0;
}

.foodGuardBoxLeft h2 a {
    text-decoration: none;
}

.foodGuardBoxLeft h2 a:hover {
    text-decoration: underline;
    color: black;
}

.foodGuardBoxRight h2 {
    font-size: 17px;
    margin: 0;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    border: 2px solid #69813A;
    background-color: #69813A;
}

.foodGuardPurchases {
    padding-left: 40px;
}

.foodGuardPurchases ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 10px 0;
    background-image: url("/images/foodLine.png");
    background-repeat: repeat-y;
    background-position: 5px top;
    border-bottom: 2px solid #69813A;
    /*background-color: #DCE2C0;*/
}

.foodGuardPurchases ul li {
    padding: 4px 32px;
    margin: 6px 0;
    background-image: url("/images/foodDot.png");
    background-repeat: no-repeat;
    background-position: 5px center;
}

.noPurchasesYet {
    padding: 20px 12px;
}

.deleteFoodGuard {
    float: right;
    padding: 0 0 25px 10px;
    
}

.deleteFoodGuard a {
    color: #FF4949;
    padding: 10px 37px 10px ;
    background-image: url("/images/delete.png");
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none;
}

.foodGuardAdd {
    width: 100%;
    max-width: 600px;
    background-color: #EFEFEF;
    margin: 30px auto 40px;
    display: none;
    border-radius: 5px;
    padding: 0 0 10px 0;
}

.foodGuardAdd h2 {
    margin: 0;
    padding: 30px 10px;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
}

.foodGuardTableBox {
    padding: 10px;
}

.foodGuardTable {
    border-collapse: collapse;
    width: 100%;
}

.foodGuardTable td {
    background-color: white;
    border: 1px solid silver;
    padding: 6px 3px;
}

.foodGuardCustomAdd {
    padding: 20px !important;
}

.addFoodGuardBtn {
    margin-bottom: 40px;
}

.foodGuardSwitch {
    display: inline-block;
    font-weight: bold;
    padding: 20px 0;
}

.foodGuardSwitch a {
    text-decoration: none;
    padding: 10px 0 10px 75px;
}

.foodGuardOn {
    background-image: url("/images/switchOn.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.foodGuardOff {
    background-image: url("/images/switchOff.png");
    background-repeat: no-repeat;
    background-position: left center;
}

/* old foodguard end */

/* petklub start */

.pboxCont {
    text-align: center;
    /*background-color: #f8f8f8;*/
    padding: 22px 0;
}

.pbox {
    width:244px;
    /*height:360px;*/
    border:1px solid #D6D6D6;
    background-color:white;
    position:relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 1px 10px 1px;
    border-radius: 5px;
    overflow:hidden;
    padding: 10px 3px 5px 3px;
}

.pboxheader {
width:236px;
/*border:1px solid white;*/
/*background-image:url("/images/pboxtop.png");
background-repeat:repeat-x;*/
/*background-color:#A0B359;*/
background-color: #fff;
padding:6px 4px 6px 4px;
/*min-height:30px;*/
display:block;
vertical-align:middle;
text-align:center;
margin-bottom: 5px;
        line-height: 2.5ex;
        height: 8.5ex; /* 2.5ex for each visible line */ /* blbne, pridal sem dalsi 1 ex*/
}

.pboxheader a {
font-size:15px;
text-decoration:none;
/*color:#094808;*/
color: black;
font-weight:bold;
}

.pbox:hover {
border:1px solid #aaa;
}

.pboxdesc {
font-size:14px;
color:#626262;
padding:10px 6px;
        /*line-height:17px;*/
margin:0;
        line-height: 2.5ex;
        height: 10ex; /* 2.5ex for each visible line */
        /*height:175px;*/
overflow:hidden;
text-align: left;
}

.pboxdesc a {
    color: gray;
}

/* petklub end */

.recommendedProductsBox {
    padding-top: 25px;
}

.aboutLeft {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: right;
    margin: 40px 0;
}

.aboutRight {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: left;
    margin: 40px 0;
}

.aboutLeft a, .aboutRight a {
    padding: 15px;
}

.alertMessage {
    border: 3px solid maroon;
    border-radius: 5px;
    background-color: #FFECEC;
    padding: 15px;
    margin: 10px 0 30px;
    display: block;
}

.infoMessage {
    border: 3px solid #8E6746;
    border-radius: 5px;
    background-color: #E9DCD1;
    padding: 15px;
    margin: 10px 0 30px;
    display: block;
}

.inputCityBox {
    position: relative;
}

.expInfo {
    font-weight: normal;
    color: gray;
}

#deliveryCityRecommended, #payCityRecommended {
    position: absolute;
    top: 40px;
    left: -1px;
    width: 300px;
    height: auto;
    max-height: 300px;
    overflow: auto;
    z-index: 10;
    background-color: #fff;
    padding: 15px;
    border: 2px solid gray;
    border-radius: 5px;
}

.goldSq {
    border: 2px solid #FFAA00;
    background-image: url("/imagesN/petKlubIcon.svg");
    background-position: left 5px center;
    border-radius: 10px;
    padding: 2px 8px 2px 27px;
    background-color: white;
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    background-repeat: no-repeat;
    color: #162138;
}

.goldSq:hover {
    border: 2px solid #CE8B00;
}

.goldSqSm {
    background: rgba(252,234,187,1);
    display: inline-block;
    padding: 1px 5px;
    margin-right: 2px;
    color: gray;
}

.loadingSearchHint, .loadingSearchHint2, .searchBox input[type="submit"].loadingSearchHint2 {
    background-image: url("/imagesN/tloading.gif");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

.loadingSearchHint3 {
    text-align: center;
    background-image: url("/imagesN/tloading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px;
}

.filterColorBox {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid gray;
    position: relative;
    top: 2px;
}

.vouchersAvailable {
    margin-top: 10px;
}

blockquote {
    margin-top: 20px;
}

.voucherAvailable {
    background-image: url("/imagesN/voucherBg.png");
    background-position: right -45px top;
    background-repeat: no-repeat;
    color: white;
    font-size: 0;
    padding: 10px;
    width: 100%;
    max-width: 450px;
    margin: 5px 5px 5px 0;
    display: inline-block;
    border-radius: 5px;
}

.voucherAvailableLeft {
    font-size: 15px;
    width: 70%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}

.voucherAvailableRight {
    width: 30%;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}

.voucherAvailableRight input {
    font-weight: bold;
}

.markText {
    background-color: #F8FAF7;
    border-radius: 16px;
    padding: 12px 15px;
    margin-bottom: 10px;
    font-size: 14px;
    border: 1px solid #D9DED5;
}

.mobileAndTabletShow {
    display: none;
}

h2.panelsH2 a.showFilter {
    color: #009245;
    font-size: 18px;
}

h2.panelsH2 a.showFilter img {
    position: relative;
    top: -2px;
}

h2.filterH2 {
    padding: 0;
}

.sendOrderLeft {
    display: inline-block;
}

.sendOrderRight {
    display: inline-block;
    text-align: left;
    cursor: pointer;
    color: gray;
    font-style: italic;
    padding-left: 10px;
}

.yellowBox {
    text-align: left;
    font-size: 15px;
    line-height: 1.4;
    margin: 20px auto;
    background-color: #F7F4AE;
    color: black;
    border-radius: 5px;
    width: 100%;
}

.yellowBoxIn {
    padding: 20px;
}

.cartTableContent table {
    border-collapse: collapse;
    width: 100%;
    border-width: 1px;
    font-size: 15px;
}

.cartTableContent table td, .cartTableContent table th {
    border-width: 1px;
    padding: 3px 5px;
}

.tableNoPadding {
    border-collapse: collapse;
    border: 1px solid #D8D8D8;
    margin-top: 5px;
}

.tableNoPadding td {
    padding: 2px;
    border: 0;
}

.parcelBox {
    display: inline-block;
    border-left: 1px solid gray;
    border-right: 3px solid gray;
    border-top: 3px solid gray;
    border-bottom: 1px solid gray;
    padding: 3px;
    margin: 8px 10px 8px 0;
    background-color: white;
}

#quickSearchBoxSelect {
    /*float: right;
    margin-top: 18px;*/
    -webkit-text-fill-color: black;
    font-weight: bold;
    max-width: 100px;
}

.btn2 {
    border-radius: 20px;
    /*background: linear-gradient(90deg, rgba(012,148,066,1) 0%, rgba(250,166,002,1) 100%);*/
    background: linear-gradient(90deg, rgba(012,148,066,1) 0%, rgba(227,149,002,1) 100%);
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    padding: 2px 8px 2px 12px;
}

.btn2:hover {
    filter: brightness(110%);
    color: white;
}

.btn2:active, .btn2:focus {
    filter: brightness(90%);
    background: linear-gradient(90deg, rgba(012,148,066,1) 0%, rgba(250,166,002,1) 100%);
    box-shadow: none;
    color: white;
}

#mainMenuBtn {
    float: left;
    margin: 20px 20px 10px 0;
    padding-top: 10px;
}

.banners {
    text-align: center;
    margin-top: 30px;
}

.leftBannerSimple {
    margin-bottom: 30px;
}

.leftBannerSimple img {
    max-width: 100%;
}

#topLine a.closeA {
    color: red;
    background-color: white;
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
}

#topLine a {
    padding-left: 4px;
    padding-right: 4px;
}

#topLine a.topLinePay {
    color: green;
    background-color: white;
    border-radius: 2px;
    text-decoration: none;
}
    
.payMethod {
    margin: 5px 0;
    padding: 5px 0;
}

.payMethod img {
    display: block;
    margin-bottom: 5px;
}

.productBoxAutoAdd {
    position: absolute;
    top: 30px;
    left: 0;
    background-color: white;
    border: 2px solid #E3C206;
    color: #695A03;
    padding: 5px 3px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 17px 2px rgba(227,194,6,0.44);
    -webkit-box-shadow: 0 0 17px 2px rgba(227,194,6,0.44);
    -moz-box-shadow: 0 0 17px 2px rgba(227,194,6,0.44);
    max-width: 84px;
}

.productBoxAutoAdd img {
    width: 40px;
    height: auto;
}

.productBoxAutoAdd p {
    font-size: 12px;
    margin: 4px 0;
    line-height: 1.1;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.singleCustomBanner {
    background: url("/imagesN/benefitsPattern.svg") repeat left bottom, linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
    border-radius: 25px;
    margin-bottom: 30px;
}

.singleCustomBannerImg {
    /*float: left;*/
    border-radius: 25px;
    /*margin-right: 50px;*/
    width: 100%;
    max-width: 400px;
    height: auto;
}

.singleCustomBanner h2 {
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 5px;
}

.singleCustomBanner h3 {
    font-size: 35px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.singleCustomBannerText {
    padding: 30px;
}

.singleCustomBannerText .mainBenefitButton {
    display: inline-block;
}

.singleCustomBanner h2, .singleCustomBanner h3 {
    background: rgb(0,146,69);
    background: linear-gradient(90deg, rgba(217,32,40,1) 0%, rgba(240,134,056,1) 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    display: inline-block;
    padding: 0;
}

.singleCustomBannerLinks {
    display: block;
}

.singleCustomBannerLinks a {
    display: inline-block;
    background-color: #009245;
    color: white;
    font-size: 16px;
    padding: 9px 15px;
    font-weight: bold;
    margin: 7px 0;
    border-radius: 25px;
}

.singleCustomBannerLinks a:hover {
    text-decoration: none;
    border: 0;
    filter: brightness(120%);
}

.singleCustomBannerLinks a:focus, .singleCustomBannerLinks a:active {
    border: 0;
    filter: brightness(90%);
}

.productMoreVariants {
    margin-bottom: 20px;
}

.productMoreVariants a:hover {
    text-decoration: none;
}

.productMoreVariants a:hover .productMoreVariantsItem {
    background-color: #fff;
    border-color: #EF5025;
}

.productMoreVariantsItem {
    background-color: #EEF2EA;
    padding: 4px 6px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #D9DED5;
    margin-bottom: 4px;
    max-width: 150px;
    font-size: 13px;
    text-align: center;
    color: black;
}

.productMoreVariantsItemActive {
    border-color: black;
    background-color: #fff;
    font-weight: bold;
    color: #EF5025;
    border-color: #EF5025;
}

.productMoreVariantsItemPrice {
    font-size: 17px;
    font-weight: bold;
    padding: 5px 0;
    line-height: 1.1;
}

.productMoreVariantsItemPrice small {
    font-weight: normal;
    font-size: 12px;
    color: #465636;
    font-style: italic;
}

.productBoxOtherVariants {
    background-color: #EEF2EA;
    padding: 5px 4px;
    font-size: 14px;
    margin-top: -20px;
    margin-bottom: 5px;
}

.emptyBlock {
    width: 50px;
    display: inline-block;
}

@media (max-width: 991px) { /* ipad portrait and mobile*/

    .btnBuy {
        display: block;
        padding: 8px 8px 8px 29px;
        text-indent: -9999px;
        text-transform: capitalize;
    }
    
    .mobileAndTabletHide {
        display: none;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) { /*ipad portrait*/
    
    .mobileAndTabletShow {
        display: initial;
    }
    
    #mainFilter {
        display: none;
    }
}


@media (max-width: 1500px) {
    #heurekaTableft {
        display: none !important;
    }
}


@media (max-width: 767px) {

    .productBoxOtherVariants {
        padding: 3px 3px;
        font-size: 12px;
        margin-top: -20px;
        margin-bottom: 5px;
    }
    
    .productInfoContent {
        position: relative;
    }
    
    .productSystemTools {
        position: absolute;
        left: 10px;
        top: 0;
    }
    
    #bestPriceBadge img {
        width: 80px;
        height: auto;
        margin-top: 20px;
    }
    
    .productSort a {
        padding: 5px 12px;
    }
    
    .banners {
        margin-top: 0;
    }
    
    .productBoxFooter2 {
        background-position: left 2px center;
        font-size: 10px;
    }
    
    .productBoxFooter {
        width: calc(100% - 20px);
    }
    
    .productBoxAutoAdd {
        max-width: 70px;
        padding-top: 1px;
        padding-bottom: 1px;
    }
    
    .productBoxAutoAdd p {
        font-size: 10px;
    }
    
    .mainBannerLeft {
        padding: 30px;
    }

    .singleCustomBanner {
        padding: 30px;
    }

    .singleCustomBannerImg {
        max-width: 300px;
    }
    
    .singleCustomBannerText {
        padding: 0;
    }

    .singleCustomBanner h2 {
        font-size: 30px;
        margin-top: 30px;
    }

    .singleCustomBanner h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .breadcrumb > li {
        display: none;
    }
    
    .breadcrumb > li:first-child, .breadcrumb > li:last-child {
        display: inline-block;
    }
    
    #mainMenuBtn {
        margin-top: 3px;
        padding-top: 5px;
    }

    .sendOrderLeft {
        display: block;
    }

    .sendOrderRight {
        padding-top: 20px;
    }
    
    .inputRowLabel {
        width: 220px;
    }
    
    .fieldSet label {
        display: block;
    }
    
    .fieldSet .inputRowInput {
        display: block;
    }
    
    .fieldSet .pdinput {
        width: 100%;
    }
    
    .paymentIcon {
        width: 18px;
        height: 18px;
    }
    
    .choosePMText {
        line-height: 1.5;
        padding-left: 4px;
    }
    
    .choosePMRight b {
        color: #EF5025;
    }
    
    .deliveryPrice {
        color: #EF5025;
    }
    
    .choosePM label {
        padding-left: 10px;
        font-size: 15px;
    }
    
    .deliveryRowBorder td {
        padding-left: 0;
    }
    
    .chooseDeliveryTable label {
        font-size: 15px;
    }
    
    .productContentTableFirst {
        margin-top: 20px;
    }
    
    .productMistake {
        margin-top: 8px;
        margin-bottom: 8px;
        background: none;
        padding: 0;
        font-size: 13px;
    }
    
    .mobileAndTabletShow {
        display: initial;
    }
    
    .basketContent {
        width: 350px;
    }
    
    .productBox h3 {
        font-size: 15px;
        line-height: 18px;
    }
    
    .productBox {
        margin-bottom: 10px;
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px;
    }
    
    .productBoxLabel {
        font-size: 10px;
        max-width: 95%;
    }
    
    .productBoxDesc {
        font-size: 13px;
    }

    .productTools {
        margin-top: 0;
    }
    
    .productBoxContSmall {
        display: none !important;
        min-width: 0;
    }
    
    .boxy-wrapper {
        max-width: 99%;
    }
    
    .boxy-inner {
        width: 100%;
    }
     
    .successp img {
        display: none;
    }
    
    .plusMinus {
        position: relative;
        top: 2px;
        width: 30px;
        padding: 0 1px;
        font-size: 18px;
        font-weight: bold;
    }

    .amountBasketTable {
        width:32px;
        padding:0;
        text-align:center;
    }

    #morePhotosBtn {
        display: block;
        text-align: center;
    }

    .productGallery a.morePhotosBox {
        display: none;
    }
    
    .homeBannerArrow {
        bottom: 1px;
        top: auto;
    }
    
    #topMenu .container-fluid {
        padding-left: 0;
    }
    
    .productContent {
        padding: 10px;
    }

    .productFullDesc {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mainMenuAnimal, .menuCategory b {
        margin-left: 2px;
        margin-right: 2px;
    }
    
    #mainFilter {
        display: none;
    }
    
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .row > div {
        padding-left: 0;
        padding-right: 0;
    }
    
    .row > div .productBox {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .container-fluid {
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .panelsH2 {
        font-size: 20px;
        padding: 15px 0 10px;
        margin: 10px 0 10px;
    }

    .categoryItem {
        font-size: 14px;
        padding: 4px;
    }
    
    .categoryItemTop .categoryItemTopImgBox {
        margin-left: 30px;
        margin-right: 8px;
        flex-basis: 40px;
        flex-shrink: 0;
    }
    
    .productFullDesc .categoryItemTop .categoryItemTopImgBox {
        margin-left: 0;
    }
    
    .productPhotoTile {
        height: 160px;
    }
    
    .categoryItemTop {
    }
    
    .productBoxPriceAvail {
        font-size: 15px;
    }
    
    .categoryItemTop .productBoxPriceAvail {
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .categoryItemTop {
        background-position: 8px center, 0 center;
    }
    
    .categoryItemTopName a {
        font-weight: normal;
    }
    
    .mainBenefits {
        margin-top: 5px;
        padding-top: 5px;
    }
    
    .mainMenuAnimals b {
        margin-bottom: 12px;
    }
    
    .mainMenuAnimals {
        margin-top: 10px;
        padding-top: 10px;
    }
    
    .mainMenuAnimal {
        padding-top: 150px;
    }
    
    body {
        font-size: 16px;
    }
    
    .mobileShow {
        display: initial;
    }

    .menuUl li.mobileShow {
        display: block;
    }

    .mobileHide {
        display: none;
    }
    
    .mainMenuLogo {
        margin-top: 8px;
        margin-right: 0;
        /*width: 110px;*/
    }
    
    #mobileMenuBtn {
        top: 18px;
        right: 3px;
    }
    
    #topLine {
        font-size: 12px;
    }
    
    #topLine img {
        width: 10px;
        margin-top: -2px;
    }
    
    .mainMenuText {
        display: none;
    }
    
    .mainMenuLogo img {
        /*width: 110px;*/
        max-width: 110px;
    }
    
    .menuUl {
        text-align: left;
    }
    
    .menuUl li {
        display: block;
    }
    
    .menuUl li a {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    
    .searchBox {
        margin-right: 55px;
    }
    
    .searchInput {
        font-size: 13px;
        height: 35px;
        margin-top: 4px;
    }
    
    .mainMenuTools {
        padding-right: 0;
    }
    
    .iconBtn img {
        width: 20px;
        height: 20px;
    }
    
    .mainMenuIcons {
        border-radius: 0;
        border: 0;
        height: 35px;
    }
    
    .mainMenuCartPrice {
        font-size: 14px;
    }
    
    .mainMenuCartBadge {
        top: 4px;
    }
    
    #basketbox {
        
    }
    
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        background: linear-gradient(90deg, rgba(231,240,224,1) 0%, rgba(241,238,219,1) 100%);
    }
    
    .mainMenuTools {
    }
    
    .borderTop {
        border: 0;
        padding-top: 10px;
    }
    
    h1 {
        font-size: 22px;
    }
    
    h2 {
        font-size: 22px;
        padding: 20px 0 10px;
        margin: 15px 0 20px;
    }
    
    #mainMenu {
        padding: 4px 0 7px;
        background-color: #fafafa;
        box-shadow: 0 28px 40px -2px rgba(14,31,53,0.07);
    }
    
    .mainPanel {
        padding-top: 0;
        margin-top: 0;
    }
    
    .mainBannerRight {
        margin-top: 30px;
    }
    
    .breadcrumb {
        border-top: 0;
        border-bottom: 1px solid #E1E5DE;
        padding: 5px 0 14px;
        margin: 10px 0 10px 0;
        font-size: 14px;
    }
    
    .smallerFont, .productBox h3.smallerFont {
        font-size: 13px !important;
    }
    
    .productTools {
        padding: 14px;
    }
    
    .productToolsBtn {
        height: 36px;
    }
    
    .productToolsBtnPlus {
        padding-top: 2px;
    }
    
    .productToolsBtnMinus {
        padding-top: 0;
    }
    
    .productBuyAmount, .productBuyVariant {
        height: 40px;
    }
    
    .productBuyAlternativesLabel {
        top: 6px;        
    }   
    
    .productBuyAlternatives {
        height: 60px;
        text-indent: 5px;
    }
    
    .productToolsPrice {
        font-size: 16px;
        margin-bottom: 0;
    }
    
    .paymentWarning {
        font-size: 14px;
        line-height: 1.2;
    }
    
}


@media (min-width: 768px) and (max-width: 1199px) {
    
    .menuUl {
        font-size: 15px;
    }
    
    .menuUl li {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hideMd {
        display: none;
    }
    
    .btn1 img {
        margin-right: 0;
    }

    .productMark h3, .productMark {
        font-size: 14px;
    }

    .mainBenefitText h2 {
        font-size: 20px;
    }
    
    .productTools {
        padding: 15px;
    }
    
    .productToolsBuy .btnBuyBig {
        font-size: 14px;
        background-position: left 10% center;
    }
    
    .productToolsPrice {
        font-size: 14px;
    }
    
    .productToolsPrice b {
        font-size: 16px;
    }
    
    .productPhotoTile {
        height: 230px;
    }
}


@media (max-width: 1200px) { /* small screens*/

    .btnBuy {
        display: block;
        padding: 8px 8px 8px 29px;
        text-indent: -9999px;
        text-transform: capitalize;
    }
    
    .productBox h3 {
        font-size: 15px;
    }
    
}