body {
    font-family: 'Avenir Book';
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    color: #161616;
    line-height: 1.4;
}

#main {
    height: auto;
    min-height: 100%;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
}

* {
    outline: none;
}

.break {
    flex-basis: 100%;
    height: 0;
}

hr {
    border: 0;
    border-top: solid #d9d9d9 1px;
    opacity: unset;
    background: none;
}

hr.dark {
    border-top: solid #dadde6 2px;
}

hr.thick {
    border-top: solid #d9d9d9 3px;
}

img {
    max-width: 100%;
    outline: 0;
}

/* links and buttons */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.red {
    color: #ed1c24;
}

a.black-red {
    color: #161616;
}

a.black-red:hover {
    color: #f52c34;
}

a.red,
a.red:hover {
    color: #f52c34;
}

a.btn {
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    padding: 7px 25px;
}

a.btn.btn-sm {
    font-size: 11px;
    padding: 5px 20px;
}

a.btn-basket-continue {
    color: #808080;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
}

a.btn-basket-continue i {
    margin: 0;
    padding: 0;
    line-height: 1.0;
    font-family: "Arial", sans-serif;
}

a.btn-basket-continue:hover {
    color: #ed1c24;
}

.btn-outline-danger:hover {
    color: #dc3545;
    background: none;
    border-color: #dc3545;
}

.btn-outline-secondary,
.btn-outline-secondary.show,
.btn-outline-secondary:hover {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    padding: 11px 35px 12px 15px;
    color: #000;
    background: #fff url(../img/customSelectTicker.png) no-repeat top 15px right 2px;
    border-color: #ced4da;
    line-height: 1.0;
}

.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: #000;
    background: #fff url(../img/customSelectTicker.png) no-repeat top 15px right 2px;
    border-color: #ced4da;
}

.btn-outline-secondary.dropdown-toggle::after {
    display: none;
}

#payu-payment-form button[type=submit],
.btn-pay-with-payu {
    border: 0px;
    height: 41px;
    width: 240px;
    background: url(../img/payUButtonMid.png) no-repeat;
    cursor: pointer;
    box-shadow: none !important;
}

.link-red,
.link-red:link,
.link-red:visited,
.link-red:active {
    color: #ed1c24;
}

.link-red:hover {
    text-decoration: underline;
    text-decoration-color: #ed1c24;
    text-underline-position: under;
}

.link-danger,
.link-danger:link,
.link-danger:visited,
.link-danger:hover,
.link-danger:active {
    font-family: "Avenir";
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    color: #ed1c24;
}

.link-regulations,
.link-regulations:link,
.link-regulations:visited,
.link-regulations:hover,
.link-regulations:active {
    font-size: 12px;
    color: #dc3545;
    cursor: pointer;
    text-decoration: underline;
    text-underline-position: under;
}

.link-underline,
.link-underline:hover {
    text-decoration: underline;
    text-decoration-color: #ed1c24;
    text-underline-position: under;
}

.width-100 {
    width: 100px !important;
}

.width-108 {
    width: 108px !important;
}

.width-140 {
    width: 140px !important;
}

.width-250 {
    width: 250px !important;
}

.width-350 {
    width: 350px !important;
    max-width: 100%;
}

.font10 {
    font-size: 10px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

fieldset legend {
    display: inline-block;
    margin: 20px 0 20px 0;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
}

.popover-header {
    font-family: 'Avenir';
    font-weight: 600;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    white-space: normal;
}

ol.breadcrumb {
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
}

ol.breadcrumb li,
ol.breadcrumb li.active {
    font-size: 14px;
    color: #b2b2b2;
    font-family: 'Avenir';
    font-weight: 300;
    font-style: normal;
    margin: 4px 0;
}

ol.breadcrumb li a,
ol.breadcrumb li a:hover {
    font-size: 14px;
    color: #b2b2b2;
    font-family: 'Avenir';
    font-weight: 300;
    font-style: normal;
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: 1px;
}

ol.breadcrumb li.link-back {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

ol.breadcrumb li.link-back a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
}

ol.breadcrumb li.link-back a:hover {
    color: #ed1c24;
}

ol.breadcrumb li.link-back i {
    margin-right: 5px;
}

ol.breadcrumb li.link-back span {
    position: relative;
    top: 2px;
}

h1 {
    margin: 0 0 30px 0;
}

h2 {
    margin: 40px 0 30px 0;
}

h1,
h2 {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-size: 31px;
    color: #222;
    clear: both;
}

.col.border-md-end {
    border-right: 1px solid #dee2e6;
}

/* alerts */
.alert {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 35px;
    min-height: 75px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 1.2;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}

.alert-success {
    color: #3c3c3c;
    background: none;
    border-color: #f2f2f2;
    border-left: solid #7eba5a 6px;
    background: url("../img/bg-alert-success.png") no-repeat top -10px right 30px;
}

.alert-danger {
    color: #3c3c3c;
    background: none;
    border-color: #f2f2f2;
    border-left: solid #ed1c24 6px;
    background: url("../img/bg-alert-danger.png") no-repeat top -18px right 30px;
}

.alert-info {
    color: #6e6e6e;
    margin: 0 0 20px 0;
    padding: 0 0 12px 0;
    border: none;
    border-bottom: solid #e7e7e7 1px;
    background: none;
    min-height: unset;
    border-radius: unset;
    -moz-border-radius: unset;
    -webkit-border-radius: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.alert-success.minified,
.alert-danger.minified {
    background: none;
}

.alert p {
    margin: 0;
    max-width: calc(100% - 180px);
}

.alert p:nth-child(n+2) {
    margin-top: 5px;
}

.alert-success.minified p,
.alert-danger.minified p {
    max-width: none;
}

/* promotion labels */
span.promo-label {
    width: 116px;
    height: 34px;
    display: block;
}

span.promo-label-descr {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 1.4;
    overflow: hidden;
}

span.promo-label.promocja {
    background: url('../img/labels/promo.png');
}

span.promo-label.hit {
    background: url('../img/labels/hit.png');
}

span.promo-label.kupuj-bez-vat {
    background: url('../img/labels/kupuj-bez-vat.png');
}

span.promo-label.super-cena {
    background: url('../img/labels/super-cena.png');
}

span.promo-label.akcja-rabat {
    background: url('../img/labels/akcja-rabat.png');
}

span.promo-label.wyprzedaz {
    background: url('../img/labels/wyprzedaz.png');
}

span.promo-label.black-week {
    background: url('../img/labels/black-week.png');
}

span.promo-label.darmowy-transport {
    background: url('../img/labels/darmowy-transport.png');
}

/* footer widgets */
#widgets-container {
    background: #f9f9f9;
}

ul.ticker-red {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: url('../img/ticker-red.png');
}

ul.ticker-red li {
    line-height: 1.2;
    margin-top: 8px;
    padding: 0 0 0 8px;
    color: #303030;
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
}

ul#widgets {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(6, 216px);
    gap: 0px 0px;
    justify-content: center;
}

ul#widgets li {
    margin: 0;
    padding: 0;
    background-position: right 50% bottom 95px;
    background-repeat: no-repeat;
    overflow: hidden;
}

ul#widgets li.active,
ul#widgets li:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

ul#widgets li a {
    position: relative;
    display: block;
    height: 200px;
}

ul#widgets li a strong {
    position: absolute;
    left: 0;
    top: 125px;
    display: block;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

ul#widgets li a span {
    display: block;
    color: #727272;
    font-weight: 500;
}

ul#widgets li.montaz {
    background-image: url("../img/widgets/montaz.png");
}

ul#widgets li.dostawa {
    background-image: url("../img/widgets/dostawa.png");
}

ul#widgets li.przedluzona-gwarancja {
    background-image: url("../img/widgets/przedluzona-gwarancja.png");
}

ul#widgets li.raty {
    background-image: url("../img/widgets/raty.png");
}

ul#widgets li.bezpieczne-zakupy {
    background-image: url("../img/widgets/bezpieczne-zakupy.png");
}

ul#widgets li.inspiracje {
    background-image: url("../img/widgets/inspiracje.png");
}

/* footer newsletter */
#footNewsletter {
    color: #58595b;
    font-family: "Open Sans", sans-serif;
    padding: 10px 0 40px 0;
    border-bottom: solid #ed1c24 6px;
}

#footNewsletter p {
    margin: 0;
    padding: 0;
}

#footNewsletter .one {
    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

#footNewsletter .two {
    color: #58595b;
    font-size: 23px;
    font-weight: 700;
}

#footNewsletter .two p.info {
    font-size: 15px;
    margin-top: 21px;
    font-family: 'Avenir Book';
    font-weight: normal;
    font-style: normal;
}

#footNewsletter .three input[type='text'],
#footNewsletter .three input[type='text']:focus {
    border: solid #d7d7d7 1px;
    font-size: 13px;
    color: #222;
    background: #fafafa;
}

#footNewsletter .three input[type='text']::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a4a4a4;
    opacity: 1; /* Firefox */
}

#footNewsletter .three input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a4a4a4;
}

#footNewsletter .three input[type='text']::-ms-input-placeholder { /* Microsoft Edge */
    color: #a4a4a4;
}

#footNewsletter .three .btn-danger {
    text-transform: uppercase;
    font-size: 13px;
    padding: 15px 25px;
    font-weight: 600;
}

/* footer links */
#footerLinks h2 {
    margin: 0;
    padding: 15px 0 0 30px;
    width: 100%;
    height: 54px;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 21px;
    background-position: left center;
    background-repeat: no-repeat;
}

#footerLinks h2 a {
    cursor: auto;
    display: block;
    color: #000;
}

#footerLinks .contact h2 {
    background-image: url("../img/footer-contact.png");
}

#footerLinks .offer h2 {
    background-image: url("../img/footer-offer.png");
}

#footerLinks .service h2 {
    background-image: url("../img/footer-service.png");
}

#footerLinks .company h2 {
    background-image: url("../img/footer-company.png");
}

#footerLinks .info {
    margin: 28px 0 0 30px;
    font-size: 17px;
}

#footerLinks .content {
    margin: 30px 0 0 30px;
    font-size: 14px;
}

#footerLinks .availability {
    margin: 30px 0 5px 30px;
    font-weight: bold;
}

#footerLinks .hours {
    line-height: 1.7;
    margin: 0 0 0 30px;
}

#footerLinks .phone {
    margin: 30px 0 0 30px;
    font-family: "Roboto", sans-serif;
    font-weight: 800;
    font-size: 25px;
}

#footerLinks .email,
#footerLinks .email:link,
#footerLinks .email:active,
#footerLinks .email:hover {
    color: #ed1c24;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin: 0 0 0 30px;
}

#footerLinks .content a {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    font-family: 'Avenir Book';
    font-weight: normal;
    font-style: normal;
}

#footerLinks .content a.active,
#footerLinks .content a:hover,
#footerLinks .content a:active {
    color: #ed1c24;
}

#footerEnd {
    padding: 0 30px;
    font-family: 'Avenir Book';
    font-style: normal;
    font-size: 14px;
}

#footerEnd a {
    color: #000;
    font-weight: 600;
    font-size: 14px;
}

#footerEnd a:hover {
    color: #ed1c24;
}

#footerEnd .copyright {
    color: #acacac;
}

#footerEnd span {
    color: #909090;
}

#backdrop {
    position: fixed;
    display: none;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.20;
    filter: alpha(opacity=20);
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

.belt-info {
    display: flex;
    padding: 10px 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: 'Avenir Book';
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    color: #3c3c3c;
    background: #f3f3f3;
}

.belt-info a.link,
.belt-info a.link:hover {
    color: #ed1c24;
    text-decoration: underline;
}

/* only for X-LARGE */
@media all and (min-width: 1200px) and (max-width: 1399px) {
    ul#widgets {
        grid-template-columns: repeat(6, 186px);
    }

    ul#widgets li {
        background-position: right 50% bottom 85px;
    }

    ul#widgets li a {
        height: 186px;
    }

    ul#widgets li a strong {
        top: 125px;
    }
}

/* only for LARGE */
@media all and (min-width: 992px) and (max-width: 1199px) {
    ul#widgets {
        grid-template-columns: repeat(6, 157px);
    }

    ul#widgets li {
        background-position: right 50% bottom 70px;
    }

    ul#widgets li a {
        height: 157px;
    }

    ul#widgets li a strong {
        top: 105px;
    }

    #footNewsletter .one {
        font-size: 23px;
        font-weight: 800;
        line-height: 1.2;
    }

    #footNewsletter .two {
        font-size: 21px;
    }

    #footNewsletter .two p.info {
        font-size: 14px;
        margin-top: 12px;
    }
}

/* for EXTRA SMALL and SMALL and MEDIUM */
@media all and (max-width: 991px) {
    .alert {
        padding: 17px 30px;
        min-height: unset;
        font-size: 14px;
    }

    .alert p {
        margin: 0;
        max-width: unset;
        width: 100%;
    }

    .alert-success,
    .alert-danger {
        background: none;
    }

    .alert-info {
        padding: 0 0 13px 0;
    }
}

/* only for MEDIUM */
@media all and (min-width: 768px) and (max-width: 991px) {
    h1,
    h2 {
        margin: 30px 0 20px 0;
        font-size: 29px;
    }

    h1.very-top,
    h2.very-top {
        margin-top: 0;
    }

    ul#widgets {
        grid-template-columns: repeat(4, 174px);
    }

    ul#widgets li {
        background-position: right 50% bottom 70px;
    }

    ul#widgets li a {
        height: 157px;
    }

    ul#widgets li a strong {
        top: 105px;
    }

    span.promo-label-descr {
        font-size: 14px;
    }

    #footNewsletter .one {
        font-size: 23px;
        font-weight: 800;
    }

    #footNewsletter .two p.info {
        font-size: 15px;
        margin-top: 7px;
    }

    #footNewsletter .three {
        margin-top: 30px;
    }

    #footerLinks .info {
        margin: 16px 0 0 30px;
    }

    #footerLinks .availability {
        margin: -36px 0 5px 30px;
    }

    #footerLinks .phone {
        margin: -44px 0 0 30px;
    }
}

/* for EXTRA SMALL and SMALL */
@media all and (max-width: 767px) {
    h1,
    h2 {
        margin: 30px 0 20px 0;
        font-size: 25px;
    }

    h1.very-top,
    h2.very-top {
        margin-top: 0;
    }

    .col.border-md-end {
        border-right: none;
    }

    span.promo-label-descr {
        font-size: 13px;
    }

    #footNewsletter .one {
        font-size: 23px;
        font-weight: 800;
        padding-right: 0;
        line-height: 1.3;
    }

    #footNewsletter .two {
        font-size: 20px;
        padding-left: 0;
    }

    #footNewsletter .two p.info {
        font-size: 14px;
        margin-top: 12px;
    }

    #footNewsletter .three {
        margin-top: 30px;
    }

    #footerLinks h2 a {
        cursor: pointer;
        background-image: url("../img/footer-link-toggle-down.png");
        background-position: right center;
        background-repeat: no-repeat;
    }

    #footerLinks h2 a.expanded {
        background-image: url("../img/footer-link-toggle-up.png");
    }

    #footerLinks .info {
        margin: 15px 0 0 30px;
    }

    #footerLinks .availability {
        margin: 20px 0 5px 30px;
    }

    #footerLinks .phone {
        margin: 12px 0 0 15px;
        font-size: 23px;
    }

    #footerLinks .email {
        margin: 12px 0 0 15px !important;
    }

    #footerLinks .content {
        margin: 20px 0 0 30px;
    }

    #footerLinks .content.hidden {
        display: none;
    }
}

/* only for SMALL */
@media all and (min-width: 576px) and (max-width: 767px) {
    ul#widgets {
        grid-template-columns: repeat(3, 172px);
    }

    ul#widgets li {
        background-position: right 50% bottom 70px;
    }

    ul#widgets li a {
        height: 157px;
    }

    ul#widgets li a strong {
        top: 105px;
    }
}

/* up to X-SMALL */
@media all and (max-width: 575px) {
    ul#widgets {
        grid-template-columns: repeat(3, 33%);
    }

    ul#widgets li {
        background-position: right 50% bottom 70px;
    }

    ul#widgets li a {
        height: 157px;
    }

    ul#widgets li a strong {
        top: 105px;
    }

    #footNewsletter .one {
        font-size: 21px;
    }

    #footNewsletter .two {
        font-size: 17px;
        padding-left: 0;
    }

    #footNewsletter .two p.info {
        font-size: 13px;
        margin-top: 5px;
    }

    #footerEnd {
        padding: 0;
    }
}