:root{
    --box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    --link-color: #d02d1e;
    --color-primary: #d02d1e;
    --primary: #d02d1e;
    --primary-hover: #b10808;
    --border:1px solid rgba(0,0,0,.125);
    --radius: 4px;
}

.m-t-1 { margin-top:7.5px; }
.m-t-2 { margin-top:15px; }

.m-b-1 { margin-bottom:7.5px; }
.m-b-2 { margin-bottom:15px; }

body { background:#f2f2f2; padding-top:84px; }

.bg-light { background: white !important; }
.btn-primary { background:var(--primary); border-color:var(--primary); }
.btn-outline-primary { border-color:var(--primary); color:var(--primary)}
.btn-outline-primary:hover,
.btn-primary:hover { background:var(--primary-hover); border-color:var(--primary-hover); }

a { color:var(--link-color); }

.l-content { padding:0; background:white; }
.l-content .h1, .l-content h1 { font-size:1.8rem; padding-bottom:0.3rem; font-weight:bold; margin-bottom:1rem; padding-left:0.4rem; border-left:1rem solid #666666; border-bottom:2px solid #666666 }
.l-content .h2, .l-content h2 { font-size:1.6rem; padding-bottom:0.3rem; font-weight:bold; margin-bottom:1rem; padding-left:0.4rem; border-left:1rem solid #aaaaaa; border-bottom:2px solid #aaaaaa }
.l-content .h3, .l-content h3 { font-size:1.4rem; padding-bottom:0.3rem; font-weight:bold; margin-bottom:1rem; padding-left:0.4rem; border-left:1rem solid #aaaaaa; border-bottom:2px solid #aaaaaa }
.l-content .h4, .l-content h4 { font-size:1.2rem; padding-bottom:0.3rem; font-weight:bold; margin-bottom:1rem; padding-left:0.4rem; border-left:1rem solid #aaaaaa; border-bottom:2px solid #aaaaaa }
.l-content p:last-child { margin-bottom:0; }

.mce-content-body.l-offer-abstract,
.mce-content-body.l-offer-content,
.mce-content-body.l-article-abstract,
.mce-content-body.l-article-content { padding:0; background:white; }

.l-category-content { padding:0; }

.l-cookies {
    animation: cookie-animation 0.5s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    display:block;
    position:fixed;
    bottom:0;
    opacity:0;
    left:0;
    right:0;
}
.l-cookies a { color:black; font-weight:bold; text-decoration:underline; cursor:pointer }
.l-cookies .x-content { padding:5px; background:white; color:black; text-align:center; border-top:1px solid #aaaaaa; box-shadow:0px -2px 200px 0px black; }
.l-cookies .x-btn { text-decoration:none; display:inline-block; padding:5px; background: #8acf42; border-radius:5px; color:white; }

@keyframes cookie-animation {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}



/*.l-top { background:white; padding:10px; margin-bottom:15px; border-bottom: var(--border) }*/
.l-top .navbar { border:var(--border); border-top:none; }
.navbar-light .navbar-nav .nav-link { color:#333333; }
.l-top .form-control { width:140px; border:1px solid var(--primary); font-weight:bold; }
.l-top form label { display:inline; margin:0; }
.l-logo { display:block; width:200px; height:40px; background:no-repeat left center; background-size:contain; background-image:url('/assets/images/logo.png') }
.l-footer { margin-top:5px; padding-bottom:30px; }
.l-footer .container { border-top:1px solid #dddddd;padding-top:30px;  }
.l-top .l-search-mobile { margin:10px 0; background: var(--primary); padding:5px; border-radius:var(--radius)}

.l-top .x-search-up { display:none; }

.l-content-block { padding:15px; border: var(--border); border-radius: .25rem; background:white; margin-bottom:15px; }

.l-categories { margin:0 -8px; }
.l-category { width:32.9%; display:inline-block; }
.l-category .card { height:270px; vertical-align:top; margin:0 7.5px 18px 7.5px; position:relative; overflow:hidden; padding:15px; }
.l-category .card-body { padding:1.25em 0 0 0; text-align:center; max-height:87px; overflow:hidden; }
.l-category .x-image { display:block; height:150px; background:no-repeat center center; background-size:cover; }
.l-category .x-name { color:var(--color-primary); font-weight:bold; }
.l-category .x-name h2 { font-weight:bold; font-size:20px;  }
.l-category .x-name:hover h2 { text-decoration:underline; }
.l-category .x-abstract { font-style:italic; color:#444444; }
.l-category .x-children { display:block; position:absolute; right:-300px; top:15px; height:150px; background:#ffffffeb; transition:right 0.3s; }
.l-category .x-children ul { padding:0; margin:7px 15px 5px 28px; }
.l-category .x-children li { line-height:110%; }
.l-category .x-children h3 { font-size:14px; margin:0; line-height:140%; }
.l-category:hover .x-children { right:15px; transition:right 0.3s; text-align:left;  }
.l-category:hover .card { background:var(--color-primary); }
.l-category:hover .x-name h2,
.l-category:hover .x-abstract { color:white; }

.l-category-content { margin-bottom:15px; }

.l-other-categories ul,
.l-subcategories ul { margin-top:7px; }


.l-categories-left {}
.l-categories-left ul { list-style-type: none; padding:0;  }
.l-categories-left a { display:block; padding:10px 15px; border-radius:var(--radius) }
.l-categories-left .level-0.children-false a { padding:5px 15px; }
.l-categories-left li { padding:0; }
.l-categories-left ul ul a { font-weight:bold; }
.l-categories-left .track > .x-link a { color:white; padding-bottom:5px; }
.l-categories-left > ul > li { margin:0 0 10px 0; background:white; border-radius:var(--radius); border:var(--border) }
.l-categories-left > ul > li.track,
.l-categories-left > ul > li:hover { background:var(--primary); color:white; }
.l-categories-left > ul > li.track > .x-link a,
.l-categories-left > ul > li > .x-link a { font-weight:bold; }
.l-categories-left > ul > .track > ul > li > .x-link a { border-left:5px solid var(--primary-hover) }
.l-categories-left > ul > li:hover > .x-link a { color:white; }
.l-categories-left > ul > li:hover a:hover { color:white; }
.l-categories-left ul ul { padding-left:15px; padding-bottom:10px; }
.l-categories-left ul ul a { color:#333333; padding:2.5px 5px; }
.l-categories-left ul ul ul { padding-left:10px; font-size:80%; }

.l-warning { background:#dddddd; color:red; text-align:center; }
.l-search { margin-bottom:15px; }
.l-search label { display:inline; margin:0; }

.l-social { font-size:200%; text-align:center; }

/*.l-filter { padding:15px; background:white; }*/
/*.l-filter label { display:block; font-size:10px; font-weight:normal; }*/
/*.l-filter .input-text { width:100px; }*/
/*.l-filter .ui-select-bootstrap>.ui-select-match>.btn { display:block; }*/
/*.l-filter .selected.ui-select-bootstrap>.ui-select-match>.btn,*/
/*.l-filter .selected { background: #d9f2b3; }*/

.l-notfound { text-align:center; margin:30px;}

#s { visibility: hidden; top:-75px; position:relative;}
.l-offer { background:white; padding:15px; min-height: 198px; position:relative; border: var(--border); border-radius: .25rem; overflow:hidden; }
.l-offer + .l-offer { margin-top:10px; }
.l-offer .x-image { width:252px; height:168px; background:white; float:left; border-radius:5px; overflow:hidden; position:relative; /*border:1px solid white; box-shadow:var(--box-shadow)*/ }
.l-offer .x-image a { display:block; height:168px; background:no-repeat center center; background-size:contain; }
.l-offer h2, .l-offer h3 { margin:0; padding:0; font-weight:normal; }
.l-offer h2 { font-size:23px; font-weight:bold; color:black; margin-bottom:0.1em;  }
.l-offer h2 a { text-decoration:none; color:black; }
.l-offer h3 { font-size:14px; }
.l-offer .x-code { margin-bottom:5px; }
.l-offer .x-content { padding-left:267px; /*padding-right:100px;*/ }
.l-offer .x-details { margin-bottom:0.5em; padding-left:5px; border-left:5px solid #dddddd; }
.l-offer .x-details span + span:before { content:" • " }
.l-offer .x-details span { white-space:nowrap; }
.l-offer .l-offer-abstract { font-style:italic; }
.l-offer .x-news,
.l-offer .x-promotion { font-weight:bold; font-size:80%; padding:5px; margin:5px 0 0 0; }
.l-offer .x-promotion { color:forestgreen; }
.l-offer .x-news { color:#ff9a00; }
.l-offer .x-promotion { color:forestgreen; }
.l-offer .x-news p:last-child,
.l-offer .x-promotion p:last-child { margin-bottom:0;}
.l-offer:hover .x-promotion,
.l-offer:hover .x-news { color:white; background:transparent; border-color:var(--primary-hover)}
.l-offer:hover { background:var(--primary); color:white; border:1px solid #cccccc; }
.l-offer:hover h2,
.l-offer:hover .x-date,
.l-offer:hover a { color:white; }
.l-offer:hover .x-details { border-color:var(--primary-hover); }
.l-offer:hover .x-image:hover { border:1px solid white; }
.l-offer:hover .x-category a { color:#f1a9a2; }

.l-offer.promotion-true:after,
.l-offer.news-true:after,
.l-offer.promotion-true.news-true:after { display:block; position:absolute; left:-57px; top:28px; height:30px; width:200px; text-align:center; line-height:30px; padding:0 0; background:yellow; color:black; font-size:10px; border:var(--border); transform:rotate(-45deg)}
.l-offer.promotion-true:after { content:"PROMOCJA";  }
.l-offer.news-true:after { content:"NOWOŚĆ"; }
.l-offer.promotion-true.news-true:after { content:"NOWOŚĆ + PROMOCJA"; }
/*.l-offer.custom-true .x-custom,*/


.l-offer-show .x-details .x-custom  { display:inline-block; background:var(--primary-hover); color:white; padding:3px 10px; border-radius:3px; font-size:90% }
.l-offer-show .x-details .x-custom { color:black; background:white; }


.l-offer.custom-true .x-custom {display: inline-block;background: #d02d1e;color: white;padding: 3px 10px;border-radius: 0;font-size: 90%;position: absolute;right: 1px;bottom: 1px; font-weight:bold}
.l-offer.custom-true:hover .x-custom {background:white; color:#d02d1e }

.l-refrence-navbar ul { padding-left:25px; }

.l-ellipsis { overflow:hidden; text-overflow: ellipsis; max-width:100%; white-space: nowrap; }

.l-paginator { text-align:left; margin:15px 0;}
.l-paginator .btn { margin-bottom:5px; }

.l-offer-show { padding:15px; border: var(--border); border-radius: .25rem; background:white;}
.l-offer-show .x-details { font-size:16px; border-left:10px solid var(--primary-hover); padding-left:15px; margin-top:15px; color:white; }
.l-offer-show .x-details > div { margin-bottom:.5em; }
.l-offer-show .x-contact { /*border:1px solid black; */padding:15px; border-radius:5px; margin-top:10px; }
.l-offer-show .x-contact > div + div { margin-top:15px; }
.l-offer-show .x-details2 { margin-top:15px; color:#888888; }
.l-offer-show .x-title { margin:0 0 15px 0; font-style:italic; font-weight:bold; }
.l-offer-show .x-description { padding:0 15px; }
.l-offer-show .x-files .x-header { margin-bottom:1em; }
.l-offer-show .x-files ul { padding:0; list-style-type: none; }
.l-offer-show .x-files li { margin-bottom:1em; }
.l-offer-show hr { border-top:5px solid rgb(208 45 30); }
.l-offer-show .x-top { background:var(--primary); padding-top:15px; }
.l-offer-show { position:relative; }
/*.l-offer-show.promotion-true,*/
/*.l-offer-show.news-true { margin-top:40px; }*/
/*.l-offer-show.promotion-true:after,*/
/*.l-offer-show.news-true:after,*/
/*.l-offer-show.promotion-true.news-true:after { display:block; position:absolute; right:0; top:-41px; height:40px; line-height:40px; background:yellow; color:black; font-size:20px; padding:0 2rem;border-radius:var(--radius) var(--radius) 0 0; }*/
/*.l-offer-show.promotion-true:after { content:"PROMOCJA"; background:greenyellow; }*/
/*.l-offer-show.news-true:after { content:"NOWOŚĆ"; }*/
/*.l-offer-show.promotion-true.news-true:after { content:"NOWOŚĆ + PROMOCJA";  background:gold; }*/
.l-offer-show .x-promotion { color:forestgreen; }
.l-offer-show .x-news { color:#ff9a00; }

.l-offer-show-labels { text-align:right; }
.l-offer-show-labels > div { display:inline-block; line-height:40px; padding:0 1em; background:yellow; margin-right:2px; }
.l-offer-show-labels > div.x-custom { background:#d02d1e; color:white; }


.l-gallery { margin:0 0 10px 0; }
.l-gallery .x-gallery-main .x-gallery-img { border-radius:5px; display:block; padding-bottom:56%; background:transparent no-repeat center center; background-size:contain; border: 10px solid var(--primary-hover); /*box-shadow:var(--box-shadow)*/ }
.l-gallery .x-gallery-main .x-gallery-img img { display:block; width:100%; }
.l-gallery .x-gallery-thumbnails { overflow:hidden; margin:0 0; position:relative; /*background:#323232;*/ }
.l-gallery .x-gallery-thumbnail { display:block; width:20%; overflow:hidden; float:left;  }
.l-gallery .x-gallery-thumbnail span { border-radius:5px; display:block; padding-bottom:67%; background:no-repeat center center; background-size:cover; border:5px solid var(--primary-hover); cursor:pointer; margin-left:7px; /*box-shadow:var(--box-shadow)*/; filter:grayscale(0); opacity:0.5; }
.l-gallery .x-gallery-thumbnail span:hover { opacity:0.9; filter:none; }
.l-gallery .slick-prev,
.l-gallery .slick-next { background:var(--primary); width:50px; height:50px; margin-top:-25px; text-align:center; color:white; z-index:2; position:absolute; top:50%; border:none; line-height:50px; font-size:25px; cursor:pointer; }
.l-gallery .slick-prev { left:0; border-radius:0 50% 50% 0; }
.l-gallery .slick-next { right:0; border-radius:50% 0 0 50%; }
.l-gallery .slick-prev:hover,
.l-gallery .slick-prev:focus,
.l-gallery .slick-next:hover,
.l-gallery .slick-next:focus { color:black; }
.l-gallery .slick-track {margin:5px -5px; display:inline-block }
.l-gallery-fs { position:fixed; z-index:5000; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.9);  }
.l-gallery-fs .l-slick { height:100%; }
.l-gallery-fs .l-slick .layer { width:100%; height:100%; text-align:center; }
.l-gallery-fs .l-slick .x-image-table { display:table; height:100%; width:90%; margin:auto; }
.l-gallery-fs .l-slick .x-image-td { display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%; }
.l-gallery-fs .l-slick .x-image { height:80%; /*max-height:500px;*/ width:100%; /*max-width:900px;*/ background:no-repeat center center; background-size:contain; margin:auto; display:block; position:relative; }
.l-gallery-fs .l-slick .slick-list,
.l-gallery-fs .l-slick .slick-track { height:100%; }
.l-gallery-fs .l-slick .slick-prev,
.l-gallery-fs .l-slick .slick-next { background:rgba(0,0,0,0.8); width:50px; height:50px; margin-top:-25px; text-align:center; color:white; z-index:10000; position:fixed; top:50%; border:none; line-height:50px; font-size:25px; cursor:pointer; }
.l-gallery-fs .l-slick .slick-prev { left:0; border-radius:0 50% 50% 0; }
.l-gallery-fs .l-slick .slick-next { right:0; border-radius:50% 0 0 50%; }
.l-gallery-fs .l-slick .slick-prev:hover,
.l-gallery-fs .l-slick .slick-prev:focus,
.l-gallery-fs .l-slick .slick-next:hover,
.l-gallery-fs .l-slick .slick-next:focus { background:rgba(0,0,0,0.2);}
.l-gallery-fs .x-close { display:block; width:50px; height:50px; position:fixed; z-index:1000; right:0; top:0; line-height:50px; font-size:25px; color:white; cursor:pointer; text-align:center; }
.l-gallery-fs .x-close.x-close-bottom { left:0; bottom:0; top:auto; right:auto; }
.l-gallery-fs .x-title { position:absolute; text-align:center; display:block; top:100%; left:15px; right:15px; margin-top:10px; }
.l-gallery-fs .x-title span { color:white; font-size:12px; text-align:center; display:inline-block; }

.l-article-show .x-top { background:#eeeeee; }
/*.l-article-show hr,*/
/*.l-article-show .l-gallery .x-gallery-thumbnail span,*/
/*.l-article-show .l-gallery .x-gallery-main .x-gallery-img { border-color:#aaaaaa; }*/

.l-article-show hr { border-color:#aaaaaa; }

.l-article-show .l-gallery .x-gallery-main .x-gallery-img { border-color:transparent }
.l-article-show .l-gallery .x-gallery-thumbnail span { }


.l-article-show .l-gallery { position:relative; }
/*.l-article-show .l-gallery .x-gallery-thumbnails { position:absolute; left:15px; right:15px; bottom:15px; position:absolute; }*/
.l-article-show .l-gallery .x-gallery-thumbnails { position:relative; text-align: center; margin-top:15px; }

.l-article .x-details,
.l-reference .x-details { margin-top:1em; }

.l-article .x-date { color:#666666; font-size:80%; }

@media print {
    .noprint { display:none; }
    a[href]:after { content: none !important; }
}

@media (max-width: 1199px) {
    .l-top .x-search-down .form-control { display:none; }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link { padding-left:.4rem; padding-right:.4rem; border-bottom:3px solid transparent; }
    .navbar-expand-lg .navbar-nav .nav-link:hover { border-color:var(--primary)}
}

@media (max-width: 991px) {
    .l-top .navbar-nav .nav-link { border:var(--border); border-radius:var(--radius); margin-bottom:4px; padding-left:15px; }
    .l-top .navbar-nav .dropdown-menu { margin-bottom:4px;  background: var(--primary); }
    .l-top .navbar-nav .dropdown-menu a { color:white; }
    .l-top .navbar.navbar-expand-lg { box-shadow:0 4px 20px 0 #333333;}
    .l-top .x-search-up { display:block; }
    .l-top .x-search-down { display:none; }
    .l-top .scrollable-menu {
        height: auto;
        max-height: calc(100vh - 150px);
        overflow-x: hidden;
    }

}

@media (max-width:768px) {

    .xs-text-center { text-align:center; }
    .xs-m-t-2 { margin-top:15px; }
    .xs-m-b-2 { margin-bottom:15px; }
    .xs-display-block { display:block; }
    .xs-w50 { width:49%; }
    .l-logo { display:block; background-position: center center}
    .l-filter .input-text { width:100%; display:block; }
    .l-filter .input-text.xs-50 { width:49%; margin:0; display:inline-block; }
    .xs-pull-none { float:none !important; }
    .select2-drop-active { position:fixed; left:0; top:0;}
    /*.modal-dialog { width:auto !important; }*/

    .l-category { width:100%; height:auto; }

    .l-offer.promotion-true:after,
    .l-offer.news-true:after,
    .l-offer.promotion-true.news-true:after {
        border-radius:2px;
        font-size:8px; padding:0 5px; height:15px; line-height:15px; left:-65px;
    }

    .l-article-show .l-gallery .x-gallery-thumbnails { overflow:visible; }
    .l-article-show .l-gallery .slick-prev { left:-15px; }
    .l-article-show .l-gallery .slick-next { right:-15px; }
    .l-gallery .slick-prev, .l-gallery .slick-next { width:35px; }

}



@media (max-width:767px) {
    /*.l-logo { height:100px; }*/
    .l-top .container { padding-left:0; padding-right:0; }
    .l-top .navbar { border-left:none; border-right:none; }
}

@media (max-width:425px) {
    .l-offer { min-height: 112px; font-size:10px; margin-bottom:0; border-radius:0; border:none;  }
    .l-offer .x-abstract { display:none;  }
    .l-offer .x-image { width: 124px; height: 82px; }
    .l-offer .x-image a { height:92px; }
    .l-offer .x-content { padding-left:139px; padding-right:0;}
    .l-offer h2 { margin-bottom:0; font-size:15px; white-space:normal; }
    .l-offer .x-model { margin-bottom:0; }
    .l-offer .x-details { margin-top:4px; margin-bottom:0; line-height:1.2; font-size:10px; }
    .l-offer .x-price { position:static; padding-left:139px; margin-top:0; font-size:19px; }
    .l-offer .x-expiration {font-size:6px; padding:1px 5px;  }

    .l-offer-show .x-details { margin-top:15px; }
    .l-offer-show .x-details > div { margin-bottom:0.1em; }
    .l-offer-show .x-details2 { font-size:10px; text-align:center; }
    .l-offer-show .x-price { text-align:center; }
}

