:root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } img { vertical-align: middle; border-style: none; } button { border-radius: 0px; } button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .h2, h2 { font-size: 2rem; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-6 { flex: 0 0 50%; max-width: 50%; } .btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .collapse:not(.show) { display: none; } .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: center center / 100% 100% no-repeat; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } @-webkit-keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
} @keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
} @-webkit-keyframes spinner-border { 
  100% { transform: rotate(360deg); }
} @keyframes spinner-border { 
  100% { transform: rotate(360deg); }
} @-webkit-keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; }
} @keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; }
} .p-2 { padding: 0.5rem !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .text-center { text-align: center !important; } body { font-size: 14px; color: rgb(102, 102, 102); line-height: 18px; background: rgb(242, 245, 249); } header { width: auto; background: rgb(253, 253, 253); border-bottom: 1px solid rgb(226, 226, 227); } .container { max-width: 1200px; } .search { position: relative; display: flex; } .searchTerm { width: 100%; border-top: 2px solid rgb(238, 91, 136); border-bottom: 2px solid rgb(238, 91, 136); border-left: 2px solid rgb(238, 91, 136); border-image: initial; border-right: none; padding: 5px; outline: none; color: rgb(238, 91, 136); } .searchButton { width: 60px; height: 36px; border: 1px solid rgb(238, 91, 136); background: rgb(238, 91, 136); text-align: center; color: rgb(255, 255, 255); cursor: pointer; font-size: 20px; } .logo-3 { font-family: Oswald, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.3; color: rgb(0, 0, 0) !important; } .logo-3 span { background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 0px 4px; } span img { position: relative; width: 20px; height: auto; } img { vertical-align: middle; border-style: none; } main { max-width: 1200px; margin: auto; padding: 1.2rem 1rem; } .productListingWrapper { border: 1px solid rgb(237, 237, 237); padding: 15px 15px 8px; background-color: rgb(253, 253, 253); transition: all 300ms ease 0s; } .productListing-poza { width: 100%; height: 220px; text-align: center; position: relative; font-size: 0px; } .productListing-poza img { height: auto; width: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } a { color: rgb(238, 91, 136); text-decoration: none; } h2 { color: rgb(47, 47, 47); font-size: 15px; text-transform: capitalize; } .productTitle { margin: 5px 0px; display: block; clear: both; text-align: center; } .cookiealert { font-size: 14px; } .cookiealert .acceptcookies { font-size: 12px; padding: 2px; width: 90px; margin: 0px 0px 0px 5px; } .cookiealert { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 2147483647; opacity: 0; border-radius: 0px; transform: translateY(100%); transition: all 500ms ease-out 0s; font-size: 15px; color: rgb(236, 240, 241); background-color: rgba(0, 0, 0, 0.8); margin: 0px !important; } .cookiealert.show { opacity: 1; transform: translateY(0%); transition-delay: 1000ms; } .cookiealert a { text-decoration: underline; color: rgb(255, 255, 255); } .cookiealert .acceptcookies { margin: 0px 0px 0px 5px; text-align: center; padding: 2px; width: 105px; font-size: 14px; background-color: rgb(133, 193, 84); } .helper { display: inline-block; height: 100%; vertical-align: middle; }