Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /home/vmanager/www/frontend/web/css/
Linux 9dbcd5f6333d 5.15.0-102-generic #112-Ubuntu SMP Tue Mar 5 16:50:32 UTC 2024 x86_64
Current File : /home/vmanager/www/frontend/web/css/styles.css
/********************************************** STYLE SZABLONU i NADPISUJĄCE BOOTSTRAPA ***********************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,600,700,800&subset=latin-ext&display=swap');
body {font-family: 'Open Sans', sans-serif;background:#F0F0F0;}
header {position:relative; background:#FFF;}
section {position:relative;}.relative {position:relative !important;}
footer {color:#c0c0c0;background:rgba(0,0,0,0.5);background:#222;/** /margin-bottom:100px;/**/}
.container {max-width: 1100px;background: #FFF;position: relative;}
.nomargin {margin:0 !important;}.nopadding {padding:0 !important;}.noborder {border:0 !important;}.noradius {border-radius:0;}.noshadow {box-shadow:none !important;}
.nowrap {white-space:nowrap;}.nobold {font-weight:normal !important;}
@media(max-width:450px){.col-xx-12 {width:100% !important;}}
.nocolor {color:inherit;}
.nohover:hover,.nohover:active {text-decoration:inherit;color:inherit;}
.inline {display:inline-block;} .block {display:block !important;width:100%;}
.pt05 {padding-top:0.5em !important;} .pt08 {padding-top:0.8em !important;} .pb08 {padding-bottom:0.8em !important;} .p1em {padding:1em !important;} .p10px {padding:10px !important;} .p5px {padding:5px !important;}
.pl10px {padding-left:10px;} .pr10px {padding-right:10px;} .pt10px {padding-top:10px;} .pt15px {padding-top:15px;}
.pl15pb5 {padding-left:15px;padding-bottom:5px;}
.mt05 {margin-top:0.5em !important;} .mt1 {margin-top:1em !important;} .mb05 {margin-bottom:0.5em !important;} .mb1 {margin-bottom:1em !important;}
.mt08 {margin-top:0.8em !important;}
.mr05 {margin-right:0.5em !important;} .mt-2 {margin-top:-2em;} .mhr {margin:5px 0 !important;} .mt0 {margin-top:0px !important;} .mb0 {margin-bottom:0px !important;}
.l15 {line-height:1.5em;}
.fill {  width: 100%;  height: 100%;  display: inline-block; background: #FFF; }
.flex {  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;}
.gray {color:#999;} .op07 {opacity:0.7;}
.noresize {resize:none;}
.nolink,.nolink:hover,.nolink:active {text-decoration:none;display: block;}
.thumbnail > img, .thumbnail a > img {padding: 0px; background: #FFF; }
.popover-content {white-space:normal;}
.stick {
    position: sticky;
    top: 50px;
    float: left !important;
}
.table-noborder > thead > tr > th, .table-noborder > tbody > tr > th, .table-noborder > tfoot > tr > th, .table-noborder > thead > tr > td, .table-noborder > tbody > tr > td, .table-noborder > tfoot > tr > td{
    border: none;
}
.table-label {
    color: #111;
}
.table-label > tbody > tr > td:first-child {
    color: #999;
}
blockquote footer {background: transparent;}
.center {    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

b {font-weight:600 !important;}
img {/** /box-shadow:red 0 0 0 1px;/**/}
a:focus {outline:none;}

@media(min-width:992px){
    .tab-row {
        display: table;
        /*width: calc(100% + 30px);*/
    }
    .tab-cell {
            display: table-cell;
            vertical-align: top;
            float: none;
            width: auto;
            min-width: 655px;
    }
    .tab-right {
            display: table-cell;
            vertical-align: top;
            float: none;
            width: 315px;
            padding-left:0px;
    }
    .tab-right-off {
        margin-right:-15px;
    }    
    .tab-left {
            display: table-cell;
            vertical-align: top;
            float: none;
            width: 315px;
            padding-right:0px;
    }
    .tab-left.w240 {
           width: 240px;
    }
    .tab-left.w240 ~ .tab-cell {
           min-width: 620px;
    }
    .tab-left.w240 ~ .tab-right {
        width: 180px;
        min-width: 180px;
    }    
    .masonry {
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        -webkit-column-fill: auto;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
        column-fill: auto;
    }
    .masonry-item {
        display: inline-block;
        padding:  .25rem;
        width:  100%;
        /*
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
        */
    }
    .masonry-item > div {
        position: relative;
        display: block;
        width: 100%;
    }
}
@media(min-width:1199px){.tab-cell{min-width:785px;}}
@media(min-width:767px){
    .tab-nopr {
        padding-right: 0;
    }
}

/*kolorystyka*/
.portal-hr { margin: 0.5em 0; border-top: 2px solid #F8F8F8; }
.portal-light-background { background: #F0F0F0 !important; }
/*default*/
.portal-background,header .affix { background: #111 !important; }
.portal-color,.callendar h2 { color: #111 !important; }
.portal-border { border-color: #111 !important; }

/*buttons*/
.portal-button { margin-top: 0.5em; border: 2px solid #196392 !important; background: #196392 !important; color: #FFF !important; border-radius: 0; transition: all 0.2s;}
.portal-button:hover { background: #FFF !important; color: #196392 !important;}
.portal-button-light { margin: 0px !important; margin-top: 0.5em !important; border: 2px solid #EEE !important; background: #EEE !important; color: #196392 !important; border-radius: 0; transition: all 0.2s; font-size: 14px;}
.portal-button-light:hover { background: #FFF !important; color: #196392 !important;}
.portal-button-light[disabled] {color:#666 !important;}
.portal-button-info { margin-top: 0.5em; border: 2px solid transparent !important; background: #999 !important; color: #EEE !important; border-radius: 0; transition: all 0.2s;}
.portal-button-info:hover { background: #666 !important; color: #FFF !important;}
.portal-button-info.pull-right {margin-right:10px;}
.portal-button-red { margin-top: 0.5em; border: 2px solid transparent !important; background: #A00 !important; color: #EEE !important; border-radius: 0; transition: all 0.2s;}
.portal-button-red:hover { background: #C00 !important; color: #FFF !important;}
.portal-button-red.pull-right {margin-right:10px;}
.portal-button-green { margin-top: 0.5em; border: 2px solid transparent !important; background: #5B931A !important; color: #FFF !important; border-radius: 0; transition: all 0.2s; outline: none !important;}
.portal-button-green:hover { background: #6BA32A !important; color: #FFF !important;}
.btn-action { background: #196392; border-color: #196392; color: #FFF;}
.btn-portal { margin-top: 0.5em; background: #FFF; border-color: #EEE; border-radius: 0; box-shadow: none !important; color: #196392 !important;}
.btn-portal.active { background: #999; border-color: #999; color:#FFF !important; }
.btn-portal.btn-action { margin-top: 0.5em; background: #196392; border-color: #196392; color: #FFF !important;}
.btn-black { background: #333; border-color: #111; height: auto; border-radius: 0; box-shadow: none !important; color: #FFF !important;}
.btn-ezo { background: #3a5998; border-color: #3a5998; color: #FFF; height: auto; overflow: hidden;}
.btn-add { background: #cb2026; border-color: #cb2026; color: #FFF; height: auto; overflow: hidden;}
.btn-glyph { background: #888; border-color: #777; color: #FFF; height: auto; overflow: hidden;}
.btn-action:hover,.btn-ezo:hover,.btn-add:hover,.btn-glyph:hover { background: #444; border-color: #333; color: #FFF;}
.btn-ezo span.pull-left,.btn-add span.pull-left,.btn-glyph span.pull-left {display: inline-block; padding: 10px 5px; width: 48px; margin-left: -10px; text-align: center;}
.btn-ezo span.text-left,.btn-add span.text-left,.btn-glyph span.text-left {display: inline-block; border-left: 1px solid #FFF; padding-left: 10px; float: left;}
.btn-glyph span.text-right {display: inline-block; padding-right: 10px; float: right;}
.btn-ezo span.pull-left:before {content: "EZO"; font-weight: 800;}
.btn-add span.pull-left:before {content: "+"; font-weight: 800; display: inline-block; transform: scale(3);}
.btn-glyph span.pull-left {transform:scale(1.5);}
.btn-glyph span.pull-right {transform:scale(1.5);}

.btn-show-hide:before {
    content: "Pokaż";
}
.btn-show-hide[aria-expanded="true"]:before {
    content: "Ukryj";
}

/*lorem - te style trzeba dodać do edytora wysiwyg*/
.lorem p {/*text-align:justify;*/}
.lorem img.pull-left {margin:0.5em 1em 0.5em 0;}
.lorem h4 {font-weight:bold;}
.lorem h5 {font-weight:bold;}
.lorem blockquote {font-size: inherit;}

.social iframe {
    position: relative;
    float: right;
}

/*pojedyńcze obrazy w galerii*/
figure {margin-bottom:1em;}
figure .view,figure .play {position:relative;}
figure .view:before,
figure .play:before,
figure .link:before{
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2em;
    height: 2em;
    background: rgba(255,255,255,0.5);
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e105";
    font-size: 3em;
    line-height: 2em;
    border-radius: 100%;
    color: #000;
    opacity:0;
    transition: opacity 0.5s;
}
figure .play:before{content: "\e072";font-size: 5em;background: rgba(0,0,0,0.5);color:#FFF;}
figure .link:before{content: "\e095";}
figure:hover .view:before,
figure:hover .play:before,
figure:hover .link:before { opacity: 1; }
figcaption {font-size:0.8em;color:#111;display:block;height:2.7em;overflow:hidden;}

/*dodatki wizualne*/
.light-border-right {border-right:1px solid #EEE;border-radius:0 !important;}
.light-border-left {border-left:1px solid #EEE;border-radius:0 !important;}
.strong {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; font-weight: 600;  text-transform: uppercase;}
.strong.link {color: #333; margin-top: 1em; display: block;}
.strong.link:hover {color: #196392; text-decoration: none;}
.vl { width: 40px; display: inline-block; text-align: center;}
.vl:before { content: "|"; color: #EEE;}

/*right-box*/
.right-box {
    box-shadow: #FFF -0.5em 0 0 0 inset, #FFF 0.5em 0 0 0 inset;
    padding-bottom: 2em;
}
.right-box hr {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.right-box .thumbnail {
    border: none;
    border-radius: 0;
    padding: 0;
    background: none;
    margin-top: 1em;
    margin-bottom: 1em; 
}
.right-box .thumbnail .caption {
    padding: 0.5em 0.2em;
    font-size: 0.9em;   
    line-height: 1.5em;
}
.right-box .thumbnail .caption a {
    display: block;
    margin-top: 3px;
    text-decoration: none !important;
    color: inherit !important;
}

/*block-table*/
.block-table {display:table;}
.block-row {display:table-row;}
.block-row > * {display:table-cell;}
.block-row > *:first-child {padding-right:1em;font-size: 1em;}
.block-row > *:last-child {padding-bottom:0.5em;}
.block-col {
    display:table-cell;
    padding-right: 20px;
    width: 1%;
}

/*mapy google*/
#search-map {
    width: 100%;
    height: 400px;
}
.map {
    width: 100%;
    min-height: 300px;
}
.loading {
    background: #e0e0e0 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj4gICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuNSIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTM2IDE4YzAtOS45NC04LjA2LTE4LTE4LTE4Ij4gICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIgICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgICAgICAgICAgPC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+) no-repeat center;
}

/*nav-table & tags*/
.nav-table {display: table; background: #F8F8F8; border-bottom:2px solid #444; margin-bottom: 1em; width:100%; overflow: hidden;} 
.nav-table:before {display:none;}
.nav-table.tags {border:none;border-top:2px solid #444;}
.nav-table.tags>*:first-child {min-width: 15%; width: 1%;}
.nav-table.tags>div>a{font-size: 0.9em; padding: 2px 5px;}
.nav-table > li,.nav-table > div {display: table-cell; float:none;margin:0 !important;vertical-align: bottom;} .nav-table > div {padding:0.8em;}
.nav-table > li > a {border-radius:0; color: #666; padding: 10px 10px; text-align: center; margin-right: 0; border: none; transition: box-shadow 0.2s;}
.nav-table > li > a.empty { color: #DDD; }
.nav-table > li.active > a, .nav-table > li.active > a:hover, .nav-table > li.active > a:focus {background:#444; color: #FFF; border: none;     box-shadow: #444 0 -30px 0 0;}
.nav-table > li > a:hover {background: transparent; box-shadow:#444 0 -5px 0 0 inset;}
.nav-table > li > a.empty:hover,.nav-table > li > a.empty:focus { box-shadow: none; background: inherit; }
.nav-table.small {font-size:0.8em;line-height:0.8em;}
@media(max-width:767px){
    .nav-table > li,.nav-table > div {display: inline-block; float:none;}
}

.label {border-radius:0;font-weight:normal;display:inline-block;margin-bottom:3px;font-size:0.75em;line-height:1.5em;vertical-align: bottom; padding: .2em .6em .2em;}

/*thumbnail withcarousel*/
.thumbnail.withcarousel {border:0;padding:0;border-radius:0;background:#F8F8F8;}
.thumbnail.withcarousel .carousel-indicators {bottom:0;}
.thumbnail.withcarousel .carousel-control {background:none;display:none;}
.thumbnail.withcarousel:hover .carousel-control {display:block;}
.thumbnail.withcarousel .caption {padding:9px 8px 1px;font-size:0.9em;line-height:1.5em;}
.thumbnail.withcarousel .caption h4 {font-weight:bold;margin:0 0 5px;font-size:15px;}

.carousel-thumbs {
    margin: 1em 0;
    padding: 1em 2em 0;
    box-shadow: #EEE 0 0 0 1px inset;
    z-index:1;
}
.carousel-thumbs .carousel-inner {/*overflow:visible;*/}
.carousel-thumbs .carousel-control {
    background: transparent;
    width: 2em;
    color: #333;
}
.carousel-thumbs.mini {
    margin: 3px 0;
    padding: 0em 1.5em;
    box-shadow: none;
}
.carousel-thumbs.mini figure {
    padding: 5px;
    margin: 0;
}
.carousel-thumbs.mini .carousel-control {
    background: transparent;
    width: 1em;
    color: #333;
}
.carousel-thumbs.mini .glyphicon {
    font-size: 20px;
}
.carousel-thumbs .tooltip {top:0 !important;}
.carousel-thumbs .tooltip-inner {font-size: 10px;    max-width: 70px;    white-space: normal;}

/*gallery*/
#gallery .container,#gallery .row {height:100%;background:#000;}
#gallery .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 3em;
    color: #FFF;
    z-index: 999;
    opacity: 1;
    border: none;
    width: 50px;
    height: 50px;
    background: #B00;
    padding: 0 0 5px 0;
    line-height: 0; 
}
.gallery-images {box-shadow: rgba(0,0,0,0.8) -300px 0 0 0, rgba(0,0,0,0.8) 300px 0 0 0;height:100%;margin-bottom:-100px;}
.gallery-images .carousel-control {background:none;display:none;}
.gallery-images:hover .carousel-control {display:block;}
.gallery-thumbs {box-shadow: rgba(0,0,0,0.9) -300px 0 0 0, rgba(0,0,0,0.98) 300px 0 0 0;background:rgba(0,0,0,0.9);}
.gallery-thumbs .item ul {margin: 0 55px;}
.gallery-thumbs .item li {padding:1em 0;text-align:center;cursor:pointer;}
.gallery-thumbs .item li img {display:inline-block;opacity:0.8;border:1px solid #000;}
.gallery-thumbs .item li:hover img {opacity:1;}
.gallery-thumbs .item li.active img {box-shadow:#03a9f4 0 0 0 2px;position:relative;z-index:100;}
.gallery-thumbs .carousel-control {background:#196392;width:50px;opacity:1;}
.gallery-thumbs .carousel-control .glyphicon { transform: scale(0.6); top:45%; }
.gallery-thumbs .left.carousel-control .glyphicon { margin-left: -13px; }
.gallery-thumbs .right.carousel-control .glyphicon { margin-right: -13px; }
/*carousel*/
#carousel .carousel-control {background:transparent;}

/*breadcrumb*/
.breadcrumb { background: transparent; font-size: 12px; margin-left: -15px;  margin-right: -15px;}
.breadcrumb a,.breadcrumb a:hover { text-decoration: none;  color: inherit;}
.breadcrumb .active { color: #AAA;}
/*tooltip*/
.tooltip-inner {  max-width: 300px;  padding: 5px 8px;  color: #fff;  text-align: center; background-color: rgba(0,0,0,0.7); font-size: 12px; font-weight: normal;    border-radius: 0;}
/*media*/
a.media-body,a.media-body:hover,.media-body a,.media-body a:hover { text-decoration: none; color: inherit; /*font-size:0.9em;*/}
a.media-body .media-heading,.media-body a .media-heading {font-weight: 600; /*font-size:1.1em;*/}
@media(min-width:767px) {
.media-footer {position:absolute;display:table;width:99%;bottom:0;}
}
@media(min-width:560px) {
.media-footer > * {display:table-cell;vertical-align: bottom;}
.media-footer > *:first-child {width:100%;}
.media-footer mark {
    float: right; padding: 0 0.2em 0 0;
}
}
.media-footer mark,.price mark {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.8em;
    font-weight: 600;
    background: transparent;  
    white-space: nowrap;
}
@media(max-width:560px){.media-footer .pl10px {padding:0 !important;}}
/*grid*/
.list-view .media {transition: all 0.2s;}
@media(min-width:768px){
.grid {margin-top:0.5em;}
.grid .media {
    width: calc(33.33% - 4px);
    float: left;
    padding: 3px 0;
    box-shadow: #d6d6d6 0 0 0 1px inset;
    border-radius: 6px;
    margin: 0 6px 6px 0;
    min-height: 240px;
    text-align:center;
}
.grid .media.book {
    width: calc(25% - 4.5px);
    min-height: 340px;
    margin-bottom: 10px;
}
.grid .fill {width: 98%;}
.grid>div:nth-child(3n+0) .media:not(.book) {margin-right:0;}
.grid>div:nth-child(4n+0) .media.book {margin-right:0;}
.grid .media .clearfix {display:none;}
.grid>br {clear:both;}
.grid>small {margin-top:2em;}
.grid .pagination {margin-top:2em;}
.grid .list.hr:before {display:none;}
.grid .media-left, .grid .media-right, .grid .media-body {
    display: block; padding: 0; width: 100% !important;
}
.grid .media-left img {margin:0 0 0 0 !important;}
.grid .media-body {padding:0 !important;position:absolute !important;bottom:0;left:0;}
.grid .media-body .media-heading {
    font-size: 14px;
    max-height: 3.7em;
    overflow: hidden;
    line-height: 1.2em;
    background: #FFF;
    border-left: 1px solid #ddd;
    border-right: 1px solid #DDD;
    padding-top: 4px;
}
.grid .media-body p {display:none;}
.grid .media-footer {display:block;position:relative;}
.grid .media-footer * {display:block;float:none;padding:0;}
.grid .media-footer div:first-child {display:none;}
.grid .media-footer .btn {bottom: 0;width: 101%;padding: 10px 0;border-radius:0px 0px 6px 6px;}
}
/*raquo*/
.list-group.raquo { margin: 0;}
.list-group.raquo .list-group-item { font-size: 0.9em; text-indent: -1px;}
.list-group.raquo .list-group-item:first-child {border-radius:0;}
.list-group.raquo .list-group-item:before {
    position: relative;  top: 1px;  left: -15px;  margin-right: -8px; display: inline-block;
    font-family: 'Glyphicons Halflings'; font-style: normal;  font-weight: 400; font-size: 0.8em; line-height: 1;
    -webkit-font-smoothing: antialiased; content: "\e258";  transition: all 0.2s;
}

.list-group.raquo .list-group-item.print:before { content: "\e045"; transition: none; left:-15px !important; }
.list-group.raquo .list-group-item.file:before { content: "\e025"; transition: none; left:-15px !important; }
.list-group.raquo .list-group-item:hover {  color: inherit; background: transparent;}
.list-group.raquo .list-group-item:hover:before { left: -12px;}
.list-group.raquo .list-group-item,.list-group.raquo .list-group-item a { color: inherit; text-decoration: none !important; background: transparent;}
@media (min-width:992px) {.list-group-item {padding:5px 15px;}}
/*thumb*/
.thumb .thumbnail {  padding: 0;  border: 1px solid #d6d6d6;  border-radius: 0;  font-size: 0.8em;  position: relative; transition: all 0.05s;}
.thumb.art .thumbnail {min-height: 500px;font-size:13px;line-height:1.7em;}
.thumb.art a {color:inherit;display:block;position:relative;}
.thumb.art a:hover {text-decoration:none !important;color:#196392;}
.thumb.art a .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 99, 146,0.5);
    text-align: center;
    color: #FFF;
    line-height: 12em;
    opacity: 0;  
    transition: all 0.2s;
}
.thumb.art a:hover .mask {opacity:1;}
.thumb .caption {  padding: 4px 9px;}
.thumb .caption > * {  display: block;  margin-bottom: 4px;}
.thumb-title {  color: initial !important; text-decoration: none !important;}
.thumb-title > * {   margin: 2px 0;  font-weight: 600; line-height: 1.4em;}
/*pagination*/
.pagination { margin: 0; border-radius: 0; border-bottom: 1px solid #EEE;}
.pagination>li>a,.pagination>li>span { border-radius: 0 !important;  background: #F8F8F8; color: #333;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #196392; background: #FFF;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: #333; border-color: #333;}
/*table*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{border-color:#F8F8F8;}
.table-hover {border-bottom: 1px solid #F8F8F8;}
.table-hover > tbody > tr:hover { background-color: #FAFAFA;}
.table small.block {margin-top:0.1em;}

/*tree*/
.tree {margin-bottom:0;}
.tree>.dropdown {width:29%;/*width:100%;*/display:inline-block;margin:0 2em 0.5em 0;}
.tree.fullwidth>.dropdown {width:90%;margin-left:5%;}
.tree .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #EEE;
    padding: 0;  
    min-width: 100%;
}
.tree>.dropdown>.dropdown-menu .dropdown-menu {margin-top:0;margin-left: -19px;}
.tree a {color:#000;padding:0.5em 1em !important;}
.tree a:hover {color:#196392 !important;text-decoration:none;background:transparent !important;}
.tree .caret {
    transform: rotate(-90deg);
    float: right;
    margin: 0.6em 0;
    box-shadow: #FFF 0 0 0 4px, #EEE 0 0 0 5px; 
}

/*ezoline*/
.ezoline {
    list-style: none;
    padding: 0;
    position: relative;
}
.ezoline:before {
    top: 50px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #FAFAFA;
    left: 25px;
    margin-left: -1.5px;
}
.ezoline > li {
    margin-bottom: 1em;
    position: relative;
}
.ezoline > li:before,
.ezoline > li:after {
    content: " ";
    display: table;
}
.ezoline > li:after {
    clear: both;
}
.ezoline > li > .ezoline-panel {
    width: 90%;
    float: right;
    border: 2px solid #EEE;
    padding: 0;
    position: relative;
}
.ezoline > li > .ezoline-panel:before {
    position: absolute;
    top: 26px;
    left: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 0px solid #EEE;
    border-right: 15px solid #EEE;
    border-bottom: 15px solid transparent;
    content: " ";
}
.ezoline > li > .ezoline-panel:after {
    position: absolute;
    top: 28px;
    left: -13px;
    display: inline-block;
    border-top: 13px solid transparent;
    border-left: 0 solid #fff;
    border-right: 13px solid #fff;
    border-bottom: 13px solid transparent;
    content: " ";
}
.ezoline > li > .ezoline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 0px;
    background-color: #FAFAFA;
    z-index: 100;
    border-radius: 100%;
}
.ezoline > li.portal-light-background > .ezoline-badge {
    position: relative;
    float: left;
    top: auto;
    margin-right: 25px;
    background: #EEE;
    border-radius: 0;
}
.ezoline > li.portal-light-background > .ezoline-badge:before {
content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: 8px;
    z-index: 99;
    width: 42px;
    height: 2px;
    background: #196392;    
}
.ezoline .media,.ezoline .media-body {overflow: visible;}
.ezoline-panel.top-pozycja {
    border-color: #cb2026 !important;
}
.ezoline-panel.top-pozycja:before {
    border-left: 0px solid #cb2026 !important;
    border-right: 15px solid #cb2026 !important;
}
.ezoline-panel.top-pozycja .media:before {
    content: "Top pozycja";
    position: absolute;
    background: #cb2026;
    color: #FFF;
    right: 0;
    top: 0;
    padding: 10px;    
}

/*check*/
input[type="checkbox"].check {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type="checkbox"].check + label {
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer;
    background: #FFF;
    color: #196392;
    border: 2px solid rgba(25, 99, 146, 0.5);
    border-radius: 2px;
    position: relative;
    /*margin-bottom:-5px;*/
}
input[type="checkbox"].check:checked + label:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    display: block;
    -webkit-font-smoothing: antialiased;
    content: "\e013";
}

/*radio*/
input[type="radio"].radio {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type="radio"].radio + label {
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer;
    background: #FFF;
    color: #196392;
    border: 2px solid rgba(25, 99, 146, 0.5);
    border-radius: 100%;
    position: relative;
}
input[type="radio"].radio:checked + label:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: #196392;
    margin: 1.5px;
    border-radius: 100%;
}

/*portal adds*/
#topscroller {text-align:center;background:#f0f0f0;border-bottom:1px solid #DDD;padding: 3px 0;}
#topscroller img {max-width:90vw;}
#toplayer { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 99999; text-align: center; transition: all 1s ease-in-out; box-shadow: rgba(0,0,0,0.5) 0 0 0 30000px; }
#toplayer.close { opacity: 0; pointer-events: none; }
#toplayer img { max-width: 90vw; max-height: 90vh; }
#toplayer button { position: absolute; right: -15px; top: -15px; background: #000; opacity: 1; color: #FFF; border-radius: 100%; padding: 5px 9px; box-shadow: #000 0 0 4px 0; }
#flyfooter { position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); z-index: 99999; text-align: center; transition: all 1s ease-in-out;}
#flyfooter.close { margin-left: 100%; left: -50px; opacity: 1; }
#flyfooter.close button { transform: rotate(180deg); }
#flyfooter img { max-width: 80vw; }
#flyfooter button { position: absolute; left: 0; top: 0; height: 100%; background: #000; opacity: 1; color: #FFF; padding: 20px; text-shadow: none; }
#scroller { position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); z-index: 99999; text-align: center; transition: all 1s ease-in-out; }
#scroller.close { bottom: -100%; opacity: 1; }
#scroller img { max-width: 80vw; }
#scroller button { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; background: #000; opacity: 1; color: #FFF; border-radius: 100%; padding: 5px 9px; height: 30px; box-shadow: #000 0 0 4px 0;}
#wallpaper {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;
            background: url('../body.gif') top center repeat;}
#wallpaper.wallpaper-affix {
    background-position: 50% 355px;
    background-repeat: no-repeat; 
    background-attachment: fixed;
}
#leftlift,#rightlift,#doublelift {display:none;}
/*winda left* /
@media(min-width:1340px){
    body .container {right: -100px;}
    #leftlift {display: block;position: absolute;top: 0.8em;right: 50%;margin-right: 550px;transform: translateX(85px);transition: all 0.5s;}
    #leftlift.affix {position: fixed;top: 5em;}
}
/*winda right* /
@media(min-width:1340px){
    body .container {left: -100px;}
    #rightlift {display: block;position: absolute;top: 0.8em;left: 50%;margin-left: 550px;transform: translateX(-85px);transition: all 0.5s;}
    #rightlift.affix {position: fixed;top: 5em;}
}
/*winda double*/
@media(min-width:1200px){
    #doublelift { display: block; width: 100%; min-height: 1000px; position: absolute; top: 0.8em; transition: all 0.5s; overflow: hidden; pointer-events: none; }
    #doublelift.affix { position: fixed; top: 5em;}
    #leftlift { display: block; position: absolute; top: 0; right: 50%; margin-right: 560px; pointer-events: visible;}
    #rightlift { display: block; position: absolute; top: 0; left: 50%; margin-left: 560px; pointer-events: visible;}    
}
.render-as-normal {
    margin: 0 10px 18px;
}
@media(max-width:991px){
    .render-as-normal {float:left;}
    .tab-right a:first-child .render-as-normal {margin-left: 55px !important;}
    .tab-right a:nth-child(2) .render-as-normal {margin-left: 15px !important; margin-right: -5px;}
}
@media(max-width:684px){
    .render-as-normal {float:none;}
    .tab-right a:first-child .render-as-normal,
    .tab-right a:nth-child(2) .render-as-normal {margin-left: 20px !important; margin-right: 20px !important;}
}
.render-as-normal.nofloat {
    float: none !important;
}
/**/
/*baners*/
.megabaner {margin-bottom:0.5em;margin: 0 auto 0.5em; min-height: 50px;}
@media(max-width:1199px){.megabaner{height:176px !important;}}
@media(max-width:991px){.megabaner{height:135px !important;}}
@media(max-width:767px){.megabaner{height:150px !important;}}
@media(max-width:590px){.megabaner{height:140px !important;}.preload.megabaner {background:transparent !important;}}
@media(max-width:400px){.megabaner{height:120px !important;}.preload.megabaner {background:transparent !important;}}
.baner300 { max-width: 100%; margin-bottom: 0.5em; }
.baner468,.baner750 { max-width: 100%; margin-bottom: 0.5em; height: auto !important; min-height: 50px;}
.baner750 {height: 90px !important;}
@media(max-width:1199px){.baner750{height:77px !important;}}
@media(max-width:991px){.baner750{height:60px !important;}}
@media(max-width:767px){.baner750{height:auto !important;}}
.preload.baner300,.preload.baner468,.preload.baner750,.preload.megabaner {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOmF1dG87YmFja2dyb3VuZDojZmZmO2Rpc3BsYXk6YmxvY2s7IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPg0KPGcgdHJhbnNmb3JtPSJyb3RhdGUoMCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSIzIiByeT0iNiIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiM0NDQzNDMiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuOTE2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSIzIiByeT0iNiIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiM0NDQzNDMiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuODMzMzMzMzMzMzMzMzMzNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg2MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSIzIiByeT0iNiIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiM0NDQzNDMiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNzVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iMyIgcnk9IjYiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjNDQ0MzQzIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjY2NjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjMiIHJ5PSI2IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzQ0NDM0MyI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC41ODMzMzMzMzMzMzMzMzM0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE1MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSIzIiByeT0iNiIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiM0NDQzNDMiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iMyIgcnk9IjYiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjNDQ0MzQzIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjQxNjY2NjY2NjY2NjY2NjdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjEwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjMiIHJ5PSI2IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzQ0NDM0MyI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4zMzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI0MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSIzIiByeT0iNiIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiM0NDQzNDMiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjMiIHJ5PSI2IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzQ0NDM0MyI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4xNjY2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMDAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iMyIgcnk9IjYiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjNDQ0MzQzIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjA4MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMzMCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSIzIiByeT0iNiIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiM0NDQzNDMiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz4NCjwvc3ZnPg==) center center no-repeat;
    min-width: 300px;
}
.baner300 {box-shadow: #EEE 0 0 0 1px;min-height:100px;}
.tab-right .baner300 {margin-bottom: 18px;}
.logo .baner750 {width: auto !important;}
@media(min-width:1024px){
    .baner-left { float: left; margin-left: 0 !important; }
    .baner-right { float: right; margin-right: 0 !important; }
}
@media(min-width:390px){
    .baner300.m7-5 {  margin-left:7.5px;  margin-right:7.5px; }
}
@media(max-width:991px){
    .baner300 {margin-left:0.5em;margin-right:0.5em;}
}

/*header affix*/
@media(min-width:767px){
    header .affix { position: fixed; top: 0; right: 0; width: auto; z-index: 10000; height: 50px;  padding-top: 7px; margin: 0;
    /*fix* /
    right: -550px;
    margin-right: 50%;
    /**/
    }
    header .affix .hidden-xs {     display: none;    }
    header .affix .vl {width:20px;}
    header .affix .top {    color: #FFF !important;    }
    header .affix .top a {    color: #FFF !important;    }
}
@media(min-width:1199px) {header .affix {margin-right: 50%; right: -550px;}}
header .top span.glyphicon { display: inline-block; margin-right: 5px;}

header .top span.ezominitext {  display: none;}
@media(max-width:1348px){
    header .affix .top span.ezofulltext { display: none; }
    header .affix .top span.ezominitext { display: inline; }  
}
.ezocounter.notempty {
    position: relative;
    z-index: 2;
    /*color: #FFF;*/
    font-weight: bold;
    margin: 0 5px;
}
.ezocounter.notempty:before{
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    margin-left: -0.5em;
    margin-top: -0.5em;
    /*width: calc(100% + 1em);*/
    height: 2.2em;
    background: #cb2026;
    z-index: -1;
}
.ezodropdown {left: -5px; border-radius:0; padding: 5px; border: none; box-shadow: rgba(0,0,0,0.5) 0px 9px 16px -5px; width: 100%;
border-top: 2px solid #cb2026;
    margin-top: 3px;
}
.ezodropdown div {padding-left:10px;}
.ezodropdown div.vline{border-right:1px solid #EEE;}
.ezodropdown div li>* {display:table-cell;}
.ezodropdown div li a {color: #196392  !important; text-decoration: none !important; font-size: 0.9em; padding: 6px 0px 5px 5px;}

.affix .ezodropdown div {width:100% !important;border-right:none;border-bottom:1px solid #EEE;}
.affix .ezodropdown div:last-child {border:none !important;}

/*top*/
.top { font-weight: 600; font-size: 0.9em; white-space: nowrap; color: #999; display: inline-block;}
.top a { color: #999;}
a.top:hover,.top a:hover { color: #196392; text-decoration: none;}
.lang {border:1px solid #EEE;padding:1px;border-radius:2px;margin:5px 3px 0 0;display:inline-block;line-height:0;}
.lang:hover {border:1px solid #AAA;}
.lang img {vertical-align:top;border-radius:2px;border:none;}
#lang {border: none; margin: 5px 13px 0 0; display: inline-block; vertical-align: top; background: none;outline: 0;}
#lang ~ .dropdown-menu {padding: 0; border: none;border-radius: 0;box-shadow: rgba(0,0,0,0.5) 0px 9px 16px -5px; max-height: 88vh; overflow: auto;}
#lang ~ .dropdown-menu > li {padding:2px 15px 5px;line-height: 1.4em;}
#lang ~ .dropdown-menu > li:hover {background:#F8F8F8;}#lang ~ .dropdown-menu > li:hover a.lang {border:1px solid #AAA;}
#lang ~ .dropdown-menu > li > a {display: inline-block; padding: 1px; line-height: 1em; vertical-align: baseline;}
header .affix .lang:not(.active) {display:none;}
header .affix #lang .caret {border-top-color: #FFF;}
/*logo*/
@media(min-width:768px){
.logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.logo > [class*="col-"] { display: flex; flex-direction: column; justify-content: center;}
.logo > [class*="col-"]:first-child { width: 330px;}
.logo > [class*="col-"]:last-child { align-items: flex-end;}
.logo img {max-width:100%;}
}
/*navbar*/
.hellip { line-height: 14px;}
.hellip:before { content: '...'; position: absolute; left: 50%;  bottom: 7px;  letter-spacing: 1px; opacity: 0.7; transform: translate(-50%,0);}
.navbar.affix { position: fixed; z-index: 9999; width: 100%; top: 0; box-shadow: 0 3px 5px rgba(0,0,0,.1); }
.navbar .high {
    background: #cb2026 !important;
    color: #FFF !important;
}
@media(min-width:767px){
    .navbar.affix .container { max-width: 100%; width: 100%; margin: 0; /*fix*/ max-width: 1100px; margin: auto;}
    .navbar.affix .navbar-toggle { display: block !important; }
    .navbar.affix .navbar-collapse.collapsing {height:auto !important;overflow-y: visible;}
    .navbar.affix .navbar-collapse.collapse .navbar-form { display: block !important; }
    .navbar.affix .navbar-collapse .navbar-nav { 
        display: none !important; /*margin-right: -120px !important;*/ background: rgba(0,0,0,0.1);
        clear: both;
        margin: auto !important; 
        width: 1100px;
        max-width: 100%;
        float: none;
        background: rgba(0,0,0,0.3);
        box-shadow: rgba(0,0,0,0.3) -1000px 0 0 0, rgba(0,0,0,0.3) 1000px 0 0 0;        
    }
    .navbar.affix .navbar-collapse.collapsing .navbar-nav,
    .navbar.affix .navbar-collapse.collapse.in .navbar-nav {
        display: block !important;
        height: auto;
        /*max-height: 50px;*/
        /*overflow: hidden;*/
    }
    .navbar.affix .navbar-collapse { /*transition: none !important;*/ }
    .navbar.affix .navbar-collapse.collapsing .navbar-form,.navbar.affix .navbar-collapse.collapse.in .navbar-form { display: block !important; }
    #navbar { margin: 0 -15px; padding: 0; }
    .navbar-brand { padding: 0 !important; }    
}
@media(min-width:1023px){
    .navbar.affix .navbar-brand { display: block !important; }
}
@media(min-width:767px) and (max-width:1023px){
    .navbar.affix .navbar-brand { display: block !important; width: 48px; overflow: hidden; margin-right: -5px;}
}
.navbar,.navbar .container {border: none; border-radius: 0; background: transparent;}
@media(min-width:992px){.navbar{/**/text-transform: uppercase;/**/}}
@media(max-width:991px) and (min-width:768px){.navbar-nav > li {display: table-cell;float:none;text-align:center;}}
#navbar { font-weight:600;border: none; box-shadow: none; }
.navbar-brand { padding: 0;}
.navbar-toggle { border: none; background: rgba(0,0,0,0.3); margin: 0 0 0 10px; padding: 18px; border-radius: 0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: rgba(0,0,0,0.4);}
.navbar-toggle .icon-bar { background: #FFF !important;}
#navbar>.nav>li>a {  color: #FFF;}
.navbar-form input {  font-weight: normal;}
.navbar-form button {   border: 0;  background-color: #d4d4d4; color: #000;}
/*navbar dropdown*/
@media(min-width:767px){
    #navbar .dropdown:hover { background: #FFF; box-shadow: #000 0px 0px 10px -3px; }
    #navbar .dropdown:hover > a {    color: #000;    }
    #navbar .dropdown-menu { padding: 0; border: none;border-radius: 0;box-shadow: rgba(0,0,0,0.5) 0px 9px 16px -5px; }
    #navbar .dropdown-menu > li > a { padding: 12px 15px; font-weight: inherit; }
}
/*dropdown & fullwidth */
.dropdown:hover  > .dropdown-menu {display: block;}
.dropdown.fullwidth { position: static;}
.dropdown.fullwidth > .dropdown-menu{ width: 100%; max-width: 1100px;  margin: auto;  left: 0;  right: 0;}
@media (max-width:767px) {
    .caret,.hellip { display:none; }
    .dropdown:hover  > .dropdown-menu {  display: none !important; }
    .affix .navbar-form {  display: block !important;  border: none; box-shadow: none; }
    .affix .navbar-form input {  margin-bottom: 3px;}
    .navbar-nav {background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;}
}

#search .strong {padding-top: 1px; display: block;}
#search .input-group .input-group-addon:first-child{border-right:1px solid #CCC;height:34px;}
#search .input-group .input-group-addon:last-child{border-left:1px solid #CCC;min-width:100px;height:34px;}

#locations {min-width:100%;z-index:2;max-height:50vh;overflow-y:auto;display:none;margin-top: 0px;z-index:9999;}
#locations.open {display:block;}
#locations:empty {display:none;}
#locations>li>a {cursor:pointer;padding:3px 10px;}
#locations>li>a[data-type="region"] {font-weight:bold;}
#locations>.active>a,#locations>.active>a:hover,#locations>.active>a:focus {
    background-color: #f97f1c;
}

#phrases {min-width:100%;z-index:2;max-height:50vh;overflow-y:auto;display:none;margin-top: 0px;left:auto;z-index:9999;}
#phrases.open {display:block;}
#phrases:empty {display:none;}
#phrases>li>a {cursor:pointer;padding:3px 10px;}
#phrases>li>a[data-categories="companies"] {font-weight:bold;}
#phrases>li>a[data-categories="products"] {font-weight:bold;}
#phrases>li>a[data-categories="companies"]:before {
    content:"Pokaż firmy w kategorii: ";
    font-weight: normal;
    font-size: 80%;
}
#phrases>li>a[data-categories="products"]:before {
    content:"Pokaż produkty w kategorii: ";
    font-weight: normal;
    font-size: 80%;
}
#phrases>.active>a,#phrases>.active>a:hover,#phrases>.active>a:focus {
    background-color: #f97f1c;
}

.help-block-search {
    display: block;
    width: max-content !important;
    top: -35px;
    background: #a94442 !important;
    left: 15px;
    color: #FFF !important;
    padding: 5px !important; 
    font-size: 13px !important;    
}
.help-block-search:before {
    display: none !important;
}

#top-phrase-container,#top-location-container {padding-bottom:0 !important;position:relative;}
#top-phrase-container .help-block,#top-location-container .help-block {
    position: absolute;
    left: auto;
    top: 30px;
    text-transform: none;
    font-size: 11px;
    background: #fff;
    padding: 4px;
    border: 1px solid #EEE;
    border-radius: 3px;
}

#top-locations {
    left: auto;
    z-index: 2;
    max-height: 50vh;
    overflow-y: auto;
    display: none;
    margin-top: 0px;
    margin-left: -2px;
    font-weight: normal;
    border-radius: 6px !important;
    padding: 5px 0 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    border: 1px solid #ccc !important;
    text-transform: none !important;
}
#top-locations.open {display:block;}
#top-locations:empty {display:none;}
#top-locations>li>a {cursor:pointer;padding:3px 10px !important;}
#top-locations>li>a[data-type="region"] {font-weight:bold;}

/*footer*/
footer {overflow: hidden;}
footer .container {padding:0.3em 10px;font-size:0.8em;}
footer .container.vertica{background:url('../images/vertica.webp')100% 100% no-repeat;padding:2em 0;min-height:190px;font-size:0.9em;}
footer .copyright{background:#1c1c1c;font-size:0.8em;padding:10px;}
footer hr {border-top: 1px solid #333;}
footer a{color:inherit;}
footer a:hover{text-decoration:none;color:#F60;}
footer .list-group.raquo .list-group-item {font-size:0.93em;}
footer .list-group.raquo .list-group-item:before {
    transform: scale(0.5);
    color: #888;
}
@media (max-width:767px) {footer .container.vertica{background-size:40%;}}

/*formularze*/
.form-control,.input-group-btn .btn,.input-group-addon { border-radius: 0; box-shadow: none; }
.input-group-addon,.form-control[disabled],.form-control[readonly] { background: #FFF; }
.control-label { font-weight: 100; font-size: 0.8em;  margin: 0;  padding: 0;  display: block;  margin: 3px 0 0 3px;}

/*range*/
input[type=range] { -webkit-appearance: none;margin: 10px 0; width: 100%;}
input[type=range]:focus { outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%;  height: 8.4px; cursor: pointer; /*animate: 0.2s;*/ background: #DDD;}
input[type=range]::-webkit-slider-thumb { height: 16px;  width: 16px; border-radius: 100%; background: #ffffff; cursor: pointer; -webkit-appearance: none;
  margin-top: -4px; border: 2px solid #196392;}
input[type=range]:focus::-webkit-slider-runnable-track { background: #DDD;}
input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; /*animate: 0.2s;*/ background: #DDD;}
input[type=range]::-moz-range-thumb { height: 12px; width: 12px; border-radius: 100%; background: #ffffff; cursor: pointer; -webkit-appearance: none;
  margin-top: -4px; border: 2px solid #196392;}
input[type=range]::-ms-track { width: 100%; height: 6px; cursor: pointer; /*animate: 0.2s;*/ background: #DDD;}
input[type=range]::-ms-fill-lower { background: #DDD;}
input[type=range]::-ms-fill-upper { background: #DDD;}
input[type=range]::-ms-thumb { height: 12px; width: 12px; border-radius: 100%; background: #ffffff; cursor: pointer; -webkit-appearance: none;
  margin-top: 2px; border: 2px solid #196392;}
input[type=range]:focus::-ms-fill-lower { background: #DDD;}
input[type=range]:focus::-ms-fill-upper { background: #DDD;}
/**/
/*
.select select { 
    -webkit-appearance: none; 
    appearance: none; 
    outline: 0; 
}
.select:before {  content: "\e114";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 25px;
    top: 29px;
}
*/


/******************* HEADER *********************/
.header {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    box-shadow: #BBB 0 -2px 0 0 inset;
    position: relative;
    color: #212121;
}
.header > span {
    line-height: 1.5em;
    display: inline-block;
    border-bottom: 4px solid rgba(0,0,0,0.3);
    margin-left: 1em;
    margin-right: 1em;
    padding: 10px 0px;
}
.header > sub {
    margin-right: 50px;
    margin-top: 22px !important;
    text-transform: none;
    font-family: 'Open Sans';
}
/*header tabs*/
.header.nav-tabs {
    border: none;
}
.header.nav-tabs > li {
    line-height: 1.5em;
    display: inline-block;
    border-bottom: 4px solid transparent;
    margin-left: 1em;
    margin-right: 1em;
    float: none;
    margin-bottom: 0;
}
.header.nav-tabs > li > a {
    padding: 10px 0;
}
.header.nav-tabs > li.active {
    border-color: inherit;
}
.header.nav-tabs > li > a, .header.nav-tabs > li > a:hover, .header.nav-tabs > li > a:focus {
    border: none !important;
    background: transparent !important;
    border-radius: 0;
    margin: 0;
    line-height: initial;
    color: inherit;
}
.header.nav-tabs .hits {
    position: absolute;
    top: 4px;
    left: 1px;
    font-size: 10px;
    font-family: Tahoma;
    font-weight: normal;
    line-height: 13px;
    background: #999;
    display: block;
    color: #FFF;
    padding: 0px 3px 0px 2px;
}
.header.nav-tabs .hits ~ a {padding: 15px 0 10px;}
.header .pull-right {
    margin-top: 7px;
}
/*header carousel*/
.header .carousel-indicators {
    bottom: 17px;
    right: 10px;
    left: auto;
    width: 40%;
    margin: 0;
    text-align: right;
}
.header .carousel-indicators li {
    border-color: #BBB;
}
.header .carousel-indicators li.active {
    border-color: #999;
    background: #999;
}
/*header search*/
.header .search {
    margin: 8px 10px 0 0;
}
.header .search:hover input {
    width: 15em;
}
.header .search input {
    width: 9em;
    margin-right: -37px;
    border-radius: 16px !important;
    font-family: 'Open Sans', sans-serif;
    text-transform: initial;
    font-weight: normal;
    font-size: 0.6em;
    transition: all 0.2s;
}
/*header btn*/
.header .search .btn,.header .btn-group .btn {
    background: #999;
    margin-bottom: -1px !important;
    box-shadow: none !important;
}
.header .btn-group {
    margin: 8px 10px 0 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: initial;
    font-weight: normal;
}
.header .btn-group .btn {

}
/*header small*/
.header small {
    line-height: 2.7em;
}
.header small.pull-right {
    margin-right: 2em;
}
a.action {
    font-family: 'Open Sans', sans-serif;
    text-transform: initial;
    color: #999;
    box-shadow: none !important;
}
a.action:hover {
    color: #196392;
}
.action.bull {
    width: 34px;
    height: 34px;
    padding: 0;
    line-height: 34px;
    border-radius: 100% !important;
    background: #666;
    color: #FFF;
    margin-bottom: 5px;
    outline: 0 !important;
}
.bull.pull-right {
    margin: 0 0 5px 10px;
}
.action.bull:hover {
    background: #196392 !important;
    color: #FFF !important;
}




















/******************* EVENTS BOX *********************/
.events {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5em;
}
.events .caption {
    position: absolute;
    bottom: 0;
    padding: 0 10px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    font-size: 0.8em;
    width: 100%;
}
.events .caption h5 {
    font-weight: 600;
}
.events .caption p {
    height: 0;
    opacity: 0;
    margin: 0;
    transition: all 0.2s;
}
.events:hover .caption p {
    height: 3em;
    opacity: 1;
    margin: 0 0 10px;
}
.events:hover .caption p:empty {
    height: 0.5em;
}

.newevent {
    margin-bottom: 1em;
    background: #f0f0f0;
    padding: 5px 8px;
    box-shadow: rgba(0,0,0,0.3) 0px 10px 10px -10px;
    min-height: 180px;
    color: initial;    
}
.newevent img {background:#FFF;border-radius:4px;}
/******************* JOBOFFER BOX *********************/
#joboffer .media-heading {font-size:1.1em;}
#joboffer .media-body {font-size:0.9em;}
/******************* BOOKSTORE BOX *********************/
#bookstore {box-shadow:none;}
#bookstore .thumbnail {min-height:350px;}
#bookstore:not(.carousel) .thumbnail:hover { transform: scale(1.05); z-index: 99;}
#bookstore .thumb img {padding: 10px;box-shadow: #FFF 0 0 0 10px inset;    background: #FFF;}
#bookstore .btn.action.bull.pull-right {position:absolute;bottom:0px;right:5px;}
/******************* ADVERTISEMENTS BOX *********************/
#advertisements .col-xs-6 .thumbnail {min-height:200px;margin-bottom:0;border-top: 1px dashed #EEE !important;padding-top:10px;}
#advertisements .col-xs-12 > div:nth-child(1) .thumbnail {border-top: none !important;padding-top:0;}
@media(min-width:450px){#advertisements .col-xs-12 > .col-xs-6:nth-child(2) .thumbnail {border-top: none !important;padding-top:0;}}
#advertisements .col-xs-6 {
    border-left: 1px dashed #EEE;
}
#advertisements .col-xs-12 > .col-xs-6:nth-of-type(2n+1) {
    border-left: 1px solid #FFF;
    clear: both;
}
@media(min-width:1199px){
    #advertisements .col-xs-6 .thumbnail {border-top:none !important;padding-top:0;}
    #advertisements .col-xs-6 {
        border-left: 1px dashed #EEE !important;
        padding-top:10px;
        display: table-cell;
        float: none;
        width: 33.3%;
        vertical-align: top;
    }
    #advertisements .col-xs-12 > .col-xs-6:nth-of-type(3n+1) {
        border: none !important;
    }
}
#advertisements hr {
    margin: 0 20px;
    border-top: 1px dashed #EEE;
}
@media(max-width:767px){
    #advertisements .col-xs-6 {
        width: 50%;
    }
}
#advertisements .col-xs-2 {
    border-left: 1px dashed #EEE !important;
}
#advertisements .col-xs-12 > .col-xs-2:first-child {
    border-left: none !important;
}
@media(max-width:991px){
    #advertisements .col-xs-2 {
        width: 33%;
    }
    #advertisements .col-xs-2:nth-child(4) {clear:both;border-left:none !important;}
}

/******************* RECOMMENDED BOX *********************/
#recommendedsites .list-group {font-size:1.1em;}
/******************* TENDERS BOX *********************/
#tenders .media-heading {font-size:1.1em;}
#tenders .media-body {font-size:0.9em;}
/******************* TRAININGS BOX *********************/
#trainings {}
/******************* FAIRS BOX *********************/
#fairs .thumbnail {min-height: 255px;}
/******************* PRODUCTS BOX *********************/
#products .thumbnail {min-height:200px;margin-bottom:0;border-top: 1px dashed #EEE !important;padding-top:10px;}
#products .col-xs-12 > div:nth-child(1) .thumbnail {border-top: none !important;padding-top:0;}
@media(min-width:450px){#products .col-xs-12 > div:nth-child(2) .thumbnail {border-top: none !important;padding-top:0;}}
@media(min-width:768px){#products .col-xs-12 > .col-xs-3:nth-child(3) .thumbnail {border-top: none !important;padding-top:0;}}
@media(min-width:768px){#products .col-xs-12 > .col-xs-3:nth-child(4) .thumbnail {border-top: none !important;padding-top:0;}}
#products .col-xs-6,#products .col-xs-3 {
    border-left: 1px dashed #EEE;
}
#products .col-xs-12 > .col-xs-6:nth-of-type(2n+1) {
    border-left: 1px solid #FFF;
    clear: both;
}
@media(max-width:767px){
#products .col-xs-12 > .col-xs-3:nth-of-type(2n+1) {
    border-left: 1px solid #FFF;
    clear: both;
}
}
#products .col-xs-12 > .col-xs-3:nth-of-type(4n+1) {
    border-left: 1px solid #FFF;
    clear: both;
}
@media(min-width:1199px){
    #products .thumbnail {border-top:none !important;padding-top:0;}
    #products .col-xs-6 {
        border-left: 1px dashed #EEE !important;
        padding-top:10px;
        display: table-cell;
        float: none;
        width: 33.3%;
        vertical-align: top;
    }
    #products .col-xs-3 {
        border-left: 1px dashed #EEE !important;
        padding-top:10px;
        display: table-cell;
        float: none;
        width: 16.66%;
        vertical-align: top;
    }    
    #products .col-xs-12 > .col-xs-6:nth-of-type(3n+1) {
        border: none !important;
    }
    #products .col-xs-12 > .col-xs-3:nth-of-type(6n+1) {
        border: none !important;
    }    
}
#products hr {
    margin: 0 20px;
    border-top: 1px dashed #EEE;
}
@media(max-width:767px){
    #products .col-xs-6,#products .col-xs-3 {
        width: 50%;
    }
}
/******************* CATALOG BOX *********************/
.catalog .list-group-item {display:table;}
.catalog .list-group-item:nth-child(3n+1) {clear:both;}
.catalog .list-group-item:before {display:table-cell;}
.catalog .list-group-item a {display:table-cell;width: 100%;}
.catalog .list-group-item.dropdown .dropdown-menu {min-width:100%;width:auto;}

/******************* ARTICLES BOX *********************/
#articles .media-left {min-width:90px;}
#articles .media-heading {font-size:1.1em;line-height:1.4em;}
#articles .media-body {font-size:0.9em;}
.flash {min-height:470px;}
.flash .carousel-caption {
    position: relative;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 1em 0.5em;
    text-align: left;
    text-shadow: none;
    text-decoration: none !important;
    color: #333;
}
.flash .carousel-caption .media-heading {
    font-weight: 600;
}
.flash .carousel-caption small {
    display: block;
    margin-bottom: 0.5em;
}
.flash .carousel-indicators {
    top: 10px;
    height: 0;
}
.flash .carousel-control,#hot-news .carousel-control {
    background: transparent;
    max-width: 70px;
}
.flash .carousel-control:hover,#hot-news .carousel-control:hover {
    background: rgba(0,0,0,0.1);
}
/******************* PARTNERS BOX *********************/
.partner {
    font-size:0.8em;
    margin-bottom: 2em;
    overflow: hidden;
}
.partner .fill {
    border: 1px solid #F8F8F8;
}
/*@media(min-width:767px){*/
    .partner .fill img {
        transform: scale(0.7);
        transition: all 0.5s;
    }
    .partner .fill:hover img {
        transform: scale(0.9);
    }
/*}*/

/******************* TOPCOMPANY / TOPPRODUCT BOX *********************/
#topcompany .media,#topproduct .media {min-height:106px;max-height:106px;overflow:hidden;border-radius: 0 3px 3px 0;}
#topcompany .media-heading,#topproduct .media-heading {font-size:1.1em;}
#topcompany .media-body,#topproduct .media-body {font-size:0.9em;}
/******************* CATEGORIES BOX *********************/
.categories .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.categories .panel-heading {
    background: transparent;
}
.categories .panel-heading a {
    color: inherit;
    text-decoration: none !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
}
.categories .panel-heading a:before {
    position: relative;
    top: 1px;
    left: -15px;
    margin-right: -8px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e258";
    transition: all 0.2s;
}
.categories .panel-heading a[aria-expanded="true"]:before {
    transform: rotate(90deg);
}
.categories .panel-body {
    padding: 0;
    border: 0 !important;
    font-size: 14.5px;
}
/*list-group dropdown*/
.list-group-item.dropdown:hover {
    background: rgba(0, 0, 0, .15) !important;
}
.list-group-item.dropdown:hover:before {
    left: 0;
    transform: rotate(90deg);
}
.list-group-item.dropdown .dropdown-menu {
    margin-top: -0.3em;
    width: 100%;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: none;
    border-radius: 0;
    font-size: inherit;
}
.list-group-item.dropdown .dropdown-menu > li > a:before {
    position: relative;
    top: -1px;
    left: -15px;
    margin-right: -8px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 0.5em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e258";
}

/******************* LISTA PARTNERZY / WYDARZENIA I TARGI *********************/
.list {
    padding: 15px;
    font-size: 13px;
    line-height: 1.7em;
}
.list .media-left,
.list .media-right {
    width: 20%;
    min-width: 150px;
    vertical-align: top;
}
.nomargin.list .media-left {width:10%; min-width: 100px;}
.list .media-left img {
    width: 90%;
    margin-right: 15px;
}
.list .media-body {
    padding-left: 5px;
    position: relative;
}
.list .title {
    font-size: 22px !important;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: -5px;
    letter-spacing:-1px;
}
.list .title a {
    color: inherit !important;
    text-decoration: none;
}
.list .subtitle {
    font-size: 14px;
}
.subtitle strong {white-space:nowrap;}
.subtitle a {color:#333 !important;font-weight:bold;text-decoration:none !important;}
.list.hr {
    position: relative;
    padding-bottom: 2.5em;
    margin-bottom: 0em;
}
.list.hr:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: #F8F8F8;
    /*box-shadow: #FFF 100px 0 50px -50px inset, #FFF -100px 0 50px -50px inset;*/
}


/*callendar*/
.callendar {
    font-size: 13px !important;
}
.callendar h2 {
    text-decoration: none !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 2px;
}
.fc-button {
    box-shadow: none;
    background: #EEE;
    border-radius: 0 !important;
    font-size: 12px !important;
    border: 1px solid #DDD;
}


/*onepage catalog*/
.onecat {position:relative;padding-left:70px;overflow:hidden;}
.onecat ul {display:none;padding:0;margin:0;}
.onecat li {display:inline-block;width:calc(100% - 5px);float:left;border:2px solid #EEE;margin:0 0 5px 5px; overflow: hidden;}
@media(min-width:650px){
        .onecat.col2 li,.onecat.col3 li {width:calc(50% - 5px);}
        .onecat.col2 li:nth-of-type(odd),.onecat.col3 li:nth-of-type(odd){clear:both;}
}
@media(min-width:991px){
        .onecat.col3 li {width:calc(33.33% - 5px);}
        .onecat.col2 li:nth-of-type(odd),.onecat.col3 li:nth-of-type(odd){clear:none;}
        .onecat.col3 li:nth-of-type(3n+1){clear:both;}
}
.onecat li>* {display:table-cell;padding:10px;width:100%;}
.onecat li>a {text-decoration:none;color:inherit;}
.onecat li>.next {
    background: #EEE;
    box-shadow: #EEE 10px 0 0 0;
    cursor: pointer;
    color: #196392;
    overflow: hidden;
    padding: 20px;
    position: relative;
}
.onecat li>.next:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e118";
    font-size: 1.5em;
    position: absolute;
    top: 5px;
    left: 9px;
}
.onecat .up {display:block;position:absolute;left:0;top:0;
    background: #196392;
    border: none;
    cursor: pointer;
    color: #FFF;
    overflow: hidden;
    padding: 21px 35px 22px;
}
.onecat .up:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e253";
    font-size: 1.5em;
    position: absolute;
    top: 7px;
    left: 25px;
}

/**presentation-tab-v1* /
[data-target="#presentation-tab"] {
    float:left;
        margin: 0 0 10px 0;
}
#presentation-tab {
    font-size: 0.9em;
    position: static;
    margin-bottom: 10px;
}
#presentation-tab:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #999;
    box-shadow: #333 0 -15px 30px 0px;
}
#presentation-tab .navbar-nav {
    width: 100%;
}
@media(max-width:767px){
    #presentation-tab .navbar-nav {
        position: absolute;
        width: calc(100% - 30px);
        left: 30px;
        margin-top: 49px;
        z-index: 99;
        background: #b3b3b3;
        padding-bottom: 5px;
        padding-top: 8px;
    }
    #presentation-tab:after {display:none;}
}
#presentation-tab li {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    display: block !important;
    float: left !important;
}
#presentation-tab li a {
    color: #444 !important;
}
#presentation-tab li.active a {
    background: #999;
    color: #FFF !important;
}
#presentation-tab li.active,
#presentation-tab li:hover {
    margin-top: -5px;
}
#presentation-tab li.active a,
#presentation-tab li:hover a{
    padding-bottom: 25px;
}

@media(min-width:768px) and (max-width:991px){
    #presentation-tab li:nth-child(5) {
        clear: both;
    }
    #presentation-tab li:nth-child(n+5) {
        padding-left: 10px;
        padding-right: 0px;
    }
    #presentation-tab li:nth-child(9) {
        clear: both;
    }
    #presentation-tab li:nth-child(n+9) {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    #presentation-tab li:nth-child(4) {
        clear: both;
    }
    #presentation-tab li:nth-child(n+4) {
        padding-left: 10px;
        padding-right: 0px;
    }
    #presentation-tab li:nth-child(7) {
        clear: both;
    }
    #presentation-tab li:nth-child(n+7) {
        padding-left: 5px;
        padding-right: 5px;
    }
    #presentation-tab li:nth-child(10) {
        clear: both;
    }
    #presentation-tab li:nth-child(n+10) {
        padding-left: 10px;
        padding-right: 0px;
    }    
}
@media(min-width:1200px){
    #presentation-tab li:nth-child(5) {
        clear: both;
    }
    #presentation-tab li:nth-child(n+5) {
        padding-left: 10px;
        padding-right: 0px;
    }
    #presentation-tab li:nth-child(9) {
        clear: both;
    }
    #presentation-tab li:nth-child(n+9) {
        padding-left: 5px;
        padding-right: 5px;
    }
}

#presentation-tab li a {
    box-shadow: rgba(0,0,0,0.1) -4px -6px 8px -2px;
    padding: 10px 10px 20px;
    margin-top: -3px;
    background: #FFF;
}
/**/

/**presentation-tab-v2*/
[data-target="#presentation-tab"] {
    float:left;
    margin: 0 0 10px 0;
    width: 100%;
    background: #f0f0f0;
    box-shadow: rgba(0,0,0,0.2) 60px 0 0 0 inset;
}
[data-target="#presentation-tab"] .icon-bar {
background:#111 !important;
}
[data-target="#presentation-tab"] .strong {
    position: absolute;
    right: 15px;
    top: -4px;
    color: #111;
}
#presentation-tab {
    font-size: 0.9em;
    position: static;
    margin-bottom: 15px;
}
#presentation-tab .navbar-nav {
    width: 100%;
    background: #f0f0f0;
    padding-top: 5px;
    border-bottom: 4px solid #111;
}
@media(max-width:767px){
    #presentation-tab .navbar-nav {
        position: absolute;
        width: calc(100% - 30px);
        left: 30px;
        margin-top: -11px;
        z-index: 9999;
            background: #f0f0f0;
        padding-bottom: 5px;
        padding-top: 8px;
    }
}
#presentation-tab li {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    display: block !important;
    float: left !important;
    margin-bottom: 5px;
}
#presentation-tab li a,#presentation-tab li div {
    padding: 10px 10px 10px;
    background: #FEFEFE;
    border: 1px solid #CCC;
    text-align: left;
    color: #444;
    max-height: 42px;
}
#presentation-tab li div {opacity:0.5;}
#presentation-tab li a span {
    display: inline-block;
    width: 20px;
    text-align: center;
    padding-right: 10px;
}
#presentation-tab li.active a,
#presentation-tab li:hover a {
    background: #444;
    color: #FFF !important;
    border-color: transparent;
}


/*plus-tree*/
.plus-tree {margin:0.5em 0 2em;padding:0;line-height:2em;}
.plus-tree ul {padding-left:11px;/*calc(0em + 4px + 5px + 2px);*/margin-bottom:5px;}
.plus-tree li {display:table;}
.plus-tree li a:not(.plus) {font-weight:bold;width:100%;line-height:1.3em;padding-right:5px;}
.plus-tree li span:not(.plus) {width:100%;line-height:1.3em;padding-right:5px;}
.plus-tree ul li a {font-weight:normal !important;}
.plus-tree li>* {display: table-cell;}
.plus-tree li:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e080";
    /*border: 1px solid #AAA;*/
    margin-right: 5px;
    padding: 1px 2px 1px 2px;
    /** /tempoff background: #EEE;/**/
    color: #FFF;

    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e080";
    content: "\e259";
    content: "\e258";
    /* border: 1px solid #AAA; */
    margin-right: 5px;
    padding: 2px 5px 2px 3px;
    color: #ccc;
    font-size: 10px;    
    
}
.plus-tree .plus:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "+";
    content: "\e259";
    /*border: 1px solid #AAA;*/
    margin-right: 5px;
    padding: 1px 1px 1px 3px;
        padding: 2px 3px 2px 3px;
        margin-left: calc(-1em - 12px);
    background: #BBB;
    color: #FFF;
        font-size: 10px;
}
.plus-tree a {color:#333;}
.plus-tree a:hover {text-decoration:none;color:#196392;}

.plus-tree span[data-id] {cursor:pointer;}
.plus-tree span[data-id]:hover {color:#196392;}
.plus-tree .plus:hover:before {background:#196392;}

.plus-tree.toggle ul {display:none;}
.plus-tree.toggle ul.active {display:block;}
.plus-tree.toggle .plus,a.plus {cursor:pointer;}
.plus-tree.toggle .plus:hover:before,a.plus:hover:before {background:#196392;}

.plus-tree.smallico li:before, .plus-tree.smallico .plus:before {
    font-size: 0.5em;
    background: #FFF;
    color: #999;    
}
.plus-tree.smallico>li:before,.plus-tree.smallico>li>.plus {display:none;}

.plus-tree.bread {
    border-bottom: 2px solid #EEE;
    margin: 0.2em 0;
}
.plus-tree.bread li {
    /*float: left;*/
    margin-right: 5px;  
    display: inline;
}
.plus-tree.bread li:before {
    content: "/";
    background: transparent;
    color: #000;
    font-weight: bold;
}
.plus-tree.bread li:first-child:before {
    content: "\e021";
}
.plus-tree.bread li a {font-weight:normal;width:auto !important;}
.plus-tree .portal-color {
    font-size: 16px;
}

@media(min-width:768px){
    .plus-tree.columns {
        line-height: 2em;
    }
    .plus-tree.columns li {
        float:left;
        width: 33.33%;
        min-height: 2em;
        margin-bottom: 5px;
    }
    .plus-tree.columns li:nth-child(3n+1) {
        clear: both;
    }
    .plus-tree.columns.four li {
        float:left;
        width: 25%;
        min-height: 2em;
        margin-bottom: 5px;
    }
    .plus-tree.columns.four li:nth-child(3n+1) {
        clear: none;
    }    
    .plus-tree.columns.four li:nth-child(4n+1) {
        clear: both;
    }        
}

nav .plus-tree {display:none;}
nav .plus-tree[data-id="0"] {display:block;}

.title {font-weight:600;letter-spacing:-1px;}

.lorem {margin-bottom:1em;/*overflow:hidden;*/}
.lorem.overflow {overflow:hidden;}
/*wysiwyg*/
.lorem {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7em;
    text-align: justify;
}
.lorem b,.lorem strong {font-weight: bold;}
.lorem img {max-width:100% !important; height: auto !important;}
.lorem table {margin-bottom: 10px;}
.lorem table td {padding: 3px 5px;}
.lorem table[align="left"] {margin-bottom:0;margin-right:10px;font-size:13px;line-height:16px;}
.lorem table[align="right"] {margin-bottom:0;margin-left:10px;font-size:13px;line-height:16px;}
/**/


.lorem.more {
    position: relative;
    border-bottom: 2px solid #333;
    height: 5em;
    overflow: hidden;
}
.lorem.more button {
    position: absolute;
    bottom: 0;
    right: 10px;
    box-shadow: #FFF 0 1990px 50px 2000px !important;
    border: none;
}

#branch {margin-top:1em;}
#branch .panel,
#branch .panel-heading {
    border-radius:0 !important;
}
#branch .panel-title a {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
        text-decoration: none !important;
}

.media.promoted {
    position: relative;
    box-shadow: #EEE -13px 13px 5px -10px inset;
    padding-top: 10px;
    border-top: 2px solid #cb2026;
    border-right: 2px solid #cb2026;
    margin-top: 0;  
}
.media.promoted:before {
    content: attr(title);
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    background: #cb2026;
    color: #FFF;
    padding: 3px 5px;
}
.media.promoted .media-heading {
    padding-right: 65px;
}

.ezobox {
    border: 2px solid #EEE;
    border-left: 0;
    box-shadow: #111 -4px 0 0 0;
    margin-bottom: 20px;
    background: #FFF;
    z-index: 2;
    position: relative;
    margin-left: 4px;
}
.ezobox.promoted {
    padding-top: 35px;
    border-top: none;
}
.ezobox.promoted:before {
    content: attr(title);
    position: absolute;
    top: 7px;
    left: 21px;
    font-size: 15px;
    font-weight: bold;
}
/*
.ezobox.promoted {
    border: none;
}
.ezobox.promoted:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 0;
    width: 100%;
    width: calc(100% + 4px);
    height: 100%;
    box-shadow: #EEE 0px 2px 10px 5px;
    z-index: -1;
}
.ezobox.promoted.companies:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 40px;
    width: 80px;
    height: 80px;
    background: url(../images/topfirma.png)100% 100% no-repeat;
    background-size: contain;
    display: block;
    opacity: 0.2;
}
.ezobox.promoted.product:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 40px;
    width: 80px;
    height: 80px;
    background: url(../images/topprodukt.png)100% 100% no-repeat;
    background-size: contain;
    display: block;
    opacity: 0.2;
}
*/
.media.ezobox {border-width:1px;}
.media.ezobox a {padding:10px;}
.media.ezobox p {font-size:12px;}

.ezobar {
    margin-top: 1em;
    margin-left: -12px;
}
.ezoicon {
    float: left;
    position:relative;
}
.ezoicon:not(.btn-group) {
    padding: 9px;
    border-right: 2px solid #FFF;
    z-index: 100;
}

.ezoanim {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    z-index: 2000;
    background: #cb2026;
    animation: ezoanim 1.5s;
    animation-iteration-count: 1;
}
@keyframes ezoanim { 
    0% {
        background-color: #196392;    
    } 
    50% {
        border-radius: 0;
        background-color: #196392;
    } 
    100%{
        background-color: #cb2026;
        border-radius: 100%;
    } 
} 

#ezocompanies.empty:after,
#ezocompanies_categories.empty:after,
#ezoproducts.empty:after,
#ezoproducts_categories.empty:after
{
    display: block;
    content: "... brak";
    font-size: 0.8em;
}
.affix #ezocompanies.empty,
.affix #ezocompanies_categories.empty,
.affix #ezoproducts.empty,
.affix #ezoproducts_categories.empty
{
    display:none;
}
#ezocompanies > li:nth-child(n+5)>*,
#ezocompanies_categories > li:nth-child(n+5)>*,
#ezoproducts > li:nth-child(n+5)>*,
#ezoproducts_categories > li:nth-child(n+5)>*
{
    display: none;
}
#ezocompanies > li:nth-child(n+5):before,
#ezocompanies_categories  > li:nth-child(n+5):before,
#ezoproducts  > li:nth-child(n+5):before,
#ezoproducts_categories  > li:nth-child(n+5):before
{
    content: "... więcej";
    font-size: 0.8em;
}
#ezocompanies > li:nth-child(n+6),
#ezocompanies_categories > li:nth-child(n+6),
#ezoproducts > li:nth-child(n+6),
#ezoproducts_categories > li:nth-child(n+6)
{
    display:none;
}

.ezobar .btn,.ezoicon .btn {margin:0 !important;}
.ezobar>.btn {    min-width: 140px;}
.ezoicon input[type="checkbox"].check:checked + label:before {font-size:1.2em;}

.ezo>span {display:none;}
.ezo>span:first-child {display:inline;}
.ezo[data-checked="true"]>span {display:inline;}
.ezo[data-checked="true"]>span:first-child {display:none;}

/*portal-modal & ekko-lightbox*/
.portal-modal {z-index:99999;}
.portal-modal .modal-content,
.ekko-lightbox .modal-content {border-radius:0;}
.portal-modal .modal-header,
.portal-modal .modal-footer,
.ekko-lightbox .modal-header,
.ekko-lightbox .modal-footer {background:#f5f5f5;position:relative;}
.ekko-lightbox-nav-overlay a:first-child {
    color: #000;
    box-shadow: rgba(255,255,255,0.5) 70px 0 0px 0px inset;
    text-decoration: none !important;
}
.ekko-lightbox-nav-overlay a:last-child {
    color: #000;
    box-shadow: rgba(255,255,255,0.5) -70px 0 0px 0px inset;
    text-decoration: none !important;
}
.portal-modal .modal-title,
.ekko-lightbox .modal-title {padding-right:45px;}
.portal-modal .close,
.ekko-lightbox .close {
    position: absolute;
    top: 2px;
    right: 0;
    padding: 17px;
    background: #e5e5e5;
    box-shadow: #e5e5e5 0px 40px 0 0px;
    opacity: 1;
}
.portal-modal .modal-body,
.ekko-lightbox .modal-body {
    background: #FFF;
    z-index: 2;
}
.modal-footer {overflow: hidden;}
#lightbox .modal-header,
#lightbox .modal-footer {display:none;}
#lightbox .modal-footer {text-align:left;}
#lightbox .modal-footer .close {top:0;}


#sections .nav-tabs a { border-radius:0;padding:5px 10px;color:#000;}
#sections .tab-content {    
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 1px;
}

/*do pobrania*/
#do-pobrania .media:nth-child(odd) {
    clear: both;
}

/*tour*/
.tour,.tour * {border-radius:0 !important;}


/*award*/
.award .thumbnail .caption {min-height:140px;}
.bookstore .thumbnail {min-height:340px;}

/*rated*/
.rated[data-rated]:before,
.rated[data-rated]:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#FE0;
}
.rated[data-rated]:after {color:#999;}
.rated[data-rated="0"]:before {content: "";}
.rated[data-rated="0"]:after {content: "\e006\e006\e006\e006\e006";}
.rated[data-rated="1"]:before {content: "\e006";}
.rated[data-rated="1"]:after {content: "\e006\e006\e006\e006";}
.rated[data-rated="2"]:before {content: "\e006\e006";}
.rated[data-rated="2"]:after {content: "\e006\e006\e006";}
.rated[data-rated="3"]:before {content: "\e006\e006\e006";}
.rated[data-rated="3"]:after {content: "\e006\e006";}
.rated[data-rated="4"]:before {content: "\e006\e006\e006\e006";}
.rated[data-rated="4"]:after {content: "\e006";}
.rated[data-rated="5"]:before {content: "\e006\e006\e006\e006\e006";}
.rated[data-rated="5"]:after {content: "";}

#accordion-book {margin-bottom:20px;}
#accordion-book .panel {margin-top: -1px;border-radius:2px;}
#accordion-book .panel-heading {padding: 10px 5px;border-radius:2px;}
#accordion-book .panel-title {font-size: 14px;  font-weight: 600;   line-height: 16px;}
#accordion-book .panel-title a:hover,#accordion-book .panel-title a:focus {text-decoration:none;}
#accordion-book .panel-title a small {color:inherit;}
#accordion-book .panel-title a[aria-expanded="true"] {
    display: block;
    background: #444444;
    margin: -11px -6px -10px;
    padding: 10px;
    color: #FFF;
    margin-bottom: -10px;
    border-radius: 2px;
    box-shadow: rgba(0,0,0,0.2) 0 0 2px 3px;
    z-index: 1;
    position: relative;
}

#site-advertisement {margin-bottom:20px;}
#site-advertisement .panel {margin-top: -1px;border-radius:2px;}
#site-advertisement .panel-heading {padding: 15px;border-radius:2px;}
#site-advertisement .panel-title {font-size: 16px;  font-weight: 600;   line-height: 16px;}
#site-advertisement .panel-title a {
    display: block;
    padding: 10px;
    margin: -10px;
}
#site-advertisement .panel-title a:hover,#site-advertisement .panel-title a:focus {text-decoration:none;}
#site-advertisement .panel-title a small {color:inherit;}
#site-advertisement .panel-title a:after {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;    
    content: "\e259";
    display:block;
    float:right;
    transition: all 0.3s;
}
#site-advertisement .panel-title a[aria-expanded="true"]:after {
    transform: rotate(180deg);
}

/*radius*/
body.radius .btn {border-radius:3px;}
body.radius .header {border-radius:3px 3px 0 0;}
body.radius .form-control {border-radius:3px;}
body.radius .thumbnail {border-radius:3px;overflow:hidden;}
body.radius .fill {border-radius:3px;overflow:hidden;}
body.radius img {border-radius:3px;}
body.radius #search {border-radius:6px 6px 0 0;}

body.radius .input-group .input-group-btn .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}




/*załączniku artykułu*/
.media-left.glyph {
    font-size: 4em;
    text-align: center;
    min-width: 0.5em !important;
    opacity: 0.3;
}


.sticker {
    float: right;
    margin-left: 10px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    background: #EEE;
    border: 2px solid #FFF;
    box-shadow: #EEE 0 0 0 2px;
    text-transform: uppercase;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex img {padding:5px;}

/*rejestracja*/
#packages .panel-heading {padding:0;}
#packages .panel-title {font-size:14px;}
#packages .panel-title a {
    padding: 7px 10px 4px;
    display: block;
    text-decoration: none;
}
#packages .panel-title a:before {
    content: "\e259";
    float:right;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;   
    color:#999;
}
#packages .panel-title a[aria-expanded="true"]:before {
    content: "\e260";
}
#packages .panel-body {
    padding: 5px;
    font-size: 13px;
}
#packages .panel-body ul {
    padding-left: 20px;
}


#registration-form .control-label,
#ezo-form .control-label,
#training-order-form .control-label {
    font-weight: 400;
    font-size: 0.9em;
    margin: 0;
} 
.control-label.required:after {
    content: " *";
    color: red;
}

@media(max-width:767px){
    .control-label {margin: 0 0 5px 15px !important;}
    .portal-button-info {display:none;}
}

#registration-form .form-control[disabled],
#registration-form .form-control[readonly],
#training-order-form .form-control[disabled],
#training-order-form .form-control[readonly] {
    background: #EEE;
}

.after-content {position:relative;}
.after-content:after {
    content : attr(title);
    position: absolute;
    right: -2px;
    top: 50%;
    line-height: 0;
}
.nopadding.after-content:after {
    right: -10px;
}

#registration-form .portal-button-info,
#ezo-form .portal-button-info {
        font-size: 0.95em;
}

#localization {margin:0;}
#localization .panel {
    box-shadow: none;
}



#ezo-form .tab-pane li:nth-child(odd) {
    clear: both;
}
#ezo-form .tab-pane li a {
    color: #196392 !important;
    text-decoration: none !important;
    font-size: 0.9em;
    padding: 6px 0px 5px 5px;
}
#ezo-form .tab-pane li>* {
    display: table-cell;
}

#ezocompanies_form.empty .hide,
#ezocompanies_categories_form.empty .hide,
#ezoproducts_form.empty .hide,
#ezoproducts_categories_form.empty .hide
{display:block !important;}

#ezocompanies_form.empty button,
#ezocompanies_categories_form.empty button,
#ezoproducts_form.empty button,
#ezoproducts_categories_form.empty button
{display:none !important;}


#ezo-form .nav-tabs a {
    font-weight: bold;    
}
#ezo-form .nav-tabs a span {
    background: #cb2026;
    padding: 2px 3px;
    color: #FFF;
    font-weight: bold;
}
#ezo-form .nav-tabs a span:empty {display:none;}
#ezo-form .only-company-field {display:none;}


.g-recaptcha {
    display: inline-block;
    margin-bottom: 1em;
}

/*basket*/
#basket table td {vertical-align:middle;width:100%;}
#basket table tr>th:first-child,
#basket table tr>td:first-child {width:20px;}
#basket table tr>th:last-child,
#basket table tr>td:last-child {white-space:nowrap;text-align:right;}
#basket table tr>td:last-child {font-size:16px;}
#basket table tr>th[colspan],
#basket table tr>td[colspan] {text-align:right;}

#basket .block-row>* {vertical-align:middle;}

#basket input {width:40px;text-align: center; border-radius: 3px 3px 0 0 !important;font-weight:bold;
    padding-left: 0;
    padding-right: 0;
}

#basket-summary {
    width: 70px !important;
    display: inline-block;
    font-size:16px;
}
.input-group-vertical .input-group-btn {    
    display: table;
    width: 41px;
    clear: both;
    table-layout: auto;
    margin-top: -1px;
    left: 1px;
}
.input-group-vertical .input-group-btn > * {display:table-cell;width:50%;    border-radius: 0 0 3px 3px !important;}

/*błędy*/
.help-block.help-block-error:before {
    content: "?";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
    display: inline-block;
    background: #a94442;
    width: 13px;
    color: #FFF;
    margin-right: 3px;
    border-radius: 2px;
    padding: 0 0 2px 4px;
}
.help-block.help-block-error {
    background: #FFF;
    z-index: 99;
    padding: 0 2px;
    border-radius: 2px;
    font-size: 11px;
    display: block;
    width: 15px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
}
.help-block.help-block-error:hover {
    width: auto;
    z-index:100;
}
.help-block:empty {display:none;}
.has-error {padding-bottom:10px;}

/*parallax*/
#parallax { 
    min-height: 368px; 
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#parallax:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
#parallax .center {
    font-size: 1.6em;
    color: #FFF;
    margin: auto;
    max-width: 800px;
    text-align: center;
    line-height: 368px;
}
#parallax .center div {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}
.btn-parallax {
    border: 2px solid #333;
    box-shadow: none !important;
}
.btn-parallax:hover,.btn-parallax:active,.btn-parallax:focus {
    background: #333;
    color: #FFF;
}

.media-left.marker {
    width: auto;
    min-width: 30px;
    vertical-align: top;
}
.media-left.marker img {
   width: 30px;
   margin: -10px;
}
.maplabel {
    width: 18px;
    height: 18px;
    border: 2px solid #3d3838;
    border-radius: 100%;
    background: #3e3939;
    color: #FFF;
    text-align: center;
    line-height: 17px;
    font: 400 11px Roboto, Arial, sans-serif;
    font-size: 12px;
}
.maplabel:empty {display:none !important;}
.media-left.marker .maplabel {
    position: absolute;
    left: 20px;
    top: 22px;   
}

/*jquery-ui*/
.ui-autocomplete {
    /*display: block !important;*/
    border-radius: 3px;
    border-color: #CCC !important;
    max-height:50vh;
    overflow-y:auto;
    overflow-x:hidden;
    max-width:90%;
    z-index:9999 !important;
}
.ui-autocomplete .ui-menu-item {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    display: block;
    padding: 3px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 0 !important;
}
.ui-autocomplete li.ui-menu-item:hover {
    background-color: #f5f5f5;
}
.ui-autocomplete .ui-state-active {
    border: none !important;
    background: none !important;
    margin: 0 !important;
}

@media(max-width:767px){
.btn-phone {
    border: 2px solid #DDD;
    margin-bottom: 5px;
}
.btn-phone:before {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e182 ";
    margin-right: 5px;
}
.btn-phone:after {
    display: inline-block;
    content: "« Zadzwoń";
    margin-left: 5px;
}
}
@media(min-width:768px){
    .btn-phone {
        padding: 0;
        font-weight: normal !important;
        display: inline;
        vertical-align: baseline;  
        box-shadow: none !important;
    }
}

.sitemap {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1.5;    
}
.sitemap:last-child {margin-bottom:2em;}


/*one file input*/
.one-file-input {
    position:relative;
    margin-bottom:20px;
}
.one-file-input .input-group-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
}
.one-file-input .btn-danger {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
}
.one-file-input .btn {
    border-radius: 100% !important;
    padding: 10px 13px;
}
#advertisement-form-sortable .one-file-input {
    cursor: move;
}
#advertisement-form-sortable > .one-file-input:first-child:before {
    content: "Zdjęcie główne";
    position: absolute;
    background: #999999;
    font-size: 10px;
    padding: 5px;
    border-radius: 6px 0px;
    color: #FFF;
}

.hint {
    line-height: 15px;
    display: block;
    letter-spacing: 0;
    color: #999;
    overflow: hidden;
    height: 35px;
    padding: 1px 5px;
    border-radius: 3px;
    border: 1px dashed #ccc;    
}

.zoomify { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.zoomify.zoomed { 
    cursor: -webkit-zoom-out; cursor: zoom-out; 
    padding: 0; margin: 0; border: none !important; border-radius: 0; box-shadow: #FFF 0 0 0 5px; position: relative; z-index: 99999; 
}
.zoomify-shadow { 
    position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; 
    z-index: 1500; background: rgba(0, 0, 0 , .3); opacity: 0; 
}
.zoomify-shadow.zoomed { opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }

.zoomify.ico {
    border: 1px solid #EEE;
    padding: 4px;
    background: #FFF;
}

.tabs-left {    border-top: 1px solid #ddd;}
.tabs-left > .nav-tabs {
    border-bottom: 0;
    background: #FFF;
    margin-top: -1px;
    padding-bottom: 10px;
    max-width: 33%;    
}

.tabs-left > .nav-tabs li:not(.active) a {
    box-shadow: rgba(0,0,0,0.3) -50px 0px 50px -80px inset;
    border-bottom: 1px solid #EEE;    
}

.tabs-left .tab-content {border: none !important; max-width: 63%; float: left; }
.tabs-left > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

/*

<?= Html::encode(strip_tags($model->lead), false) ?>

*/


@media(max-width:550px){

    .media {position:relative;}
    
    .list .media-body {display:block;width:100%;padding-top:85px;text-align:center;}
    .book.list .media-body {padding-top:135px;}
    .list .media-left ,
    .list .media-right {    
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        padding: 0;
    }
    .list .media-left .light-border-right,
    .list .media-right .light-border-left {border:none;}
    
    .list .media-left img {margin:0;}
    
    .list .media-left, .list .media-right {min-width:122px;}
    
    .list .title {display:block;clear:both;}
    
    .btn-glyph {margin-bottom:10px;}
    
    .hidden-xx {display:none;}
    
}

/*help*/
.btn-help {
    background: rgba(255,255,255,0.5);
    padding: 2px 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    float: right;
    border-radius: 3px;
    margin-right: -5px;    
}
.help-popover{
    display: none;
    position: absolute;
    margin-top: -5px;
    z-index: 5;
    background: #FFF;
    padding: 5px;
    font-size: 85%;
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.3) 0 0 3px 0px;
}
.help-popover:hover {
    display: block;
}
.help-popover:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 13px;
    top: -16px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}

/*info*/
.alert-with-glyphicon {
    display: table;
}
.alert-with-glyphicon > * {
    display: table-cell;
    vertical-align: top;
}
.alert-with-glyphicon .glyphicon {
    font-size: 32px;
    padding-right: 20px;    
}
.alert-with-glyphicon .close {
    opacity: 0.5;
}

/*fix*/
.fix-address .col-sm-5 {width:33.666%;}
.fix-address .col-sm-1 {width:12.333%;}

/*reklama-google*/
.reklama-google {
    background: #f2f2f2 url(../images/google_reklama.jpg)center center no-repeat;
    
}
.googleads-banner-a {width: 750px; height:90px !important; overflow: hidden;}
.googleads-banner-b {width: 1070px; overflow: hidden;}
.googleads-article {width: 725px; overflow: hidden;}
.googleads-button {width: 300px; display: inline-block; overflow: hidden;}
@media(max-width:1199px){
   .googleads-banner-a {width: 620px;}
   .googleads-banner-b {width: 940px;}
   .googleads-article {width: 595px;}
   .googleads-button {width: 300px;}
}
@media(max-width:991px){
   .googleads-banner-a {width: 400px;}
   .googleads-banner-b {width: 720px;}
   .googleads-article {width: 690px;}
   .googleads-button {width: 300px;}
}
@media(max-width:767px){
   .googleads-banner-a {width: 100%;}
   .googleads-banner-b {width: 100%;}
   .googleads-article {width: 100%;}
   .googleads-button {max-width: 300px; width: 100%;}
}

/*nowe logowanie vmanager*/
.btn-vmanager {
    background: #f97f1c !important;
    border: none;
    border-radius: 2px !important;
    color: #FFF !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 600;
}
.dropdown-vmanager {
    border-radius: 0;
    min-width: 330px;
    right: 0;
    left: auto;
    padding: 8px;
    font-size: 13px;
}
.dropdown-vmanager .logo {
    max-width: 100%;
    width: 220px;
    display: block;
    margin: -5px 0 5px -5px;  
}
.vmanager .avatar {
    height: 22px;
    margin: -5px 5px -2px -8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;   
}
.dropdown-vmanager .btn-group-justified {
    margin-top: 8px;
}
.dropdown-vmanager .btn-group-justified .btn {
    font-weight: 600;    
}
header .affix .vmanager {
    margin-left: 10px;
    margin-top: -3px;    
}
header .affix .vmanager .btn-vmanager span {
    display: none;
}
.dropdown-vmanager > li > a {
    padding: 3px 3px;
}
@media(max-width: 767px){
    .vmanager {margin-left: 10px;}
}

input[type="range"]:disabled {
    opacity: 0.5;
}

/**/
.banners-alternative-xs {
    display: none;
}
@media(max-width:767px){
    .banners-alternative-sm {
        display: none;
    }
    .banners-alternative-xs {
        display: inline-block;
    }
}

/*data-cover*/
*[data-cover] {
    cursor: pointer;
}

/*help*/
.help-bar {
    display: inline-block;
    width: 330px;
    vertical-align: top;
    padding: 5px; 
    text-align: justify;
    position: relative;
    padding-left: 20px;    
}
.onebutton .help-bar {
    width: 530px;
}
.help-bar:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 5%;
    width: 4px;
    height: 90%;
    background: #F44336;
}
@media(max-width:1199px){
    .help-bar {width: 200px;}
    .onebutton .help-bar {width: 400px;}
}
@media(max-width:991px){
    .help-bar {width: 310px;}
    .onebutton .help-bar {width: 490px;}
}
@media(max-width:767px){
    .help-bar {display:none;}
}

h2 .popover {
    font-size: 12px;
}

/*panel-info*/
.panel-info>.panel-heading {
    background-color: #d9edf6;
    padding: 30px;
    text-align: center;
}  
.panel-info .panel-title {
    font-weight: normal;
    color: #000;
    line-height: 1.5em;
}
.panel-info big {
    font-size: 24px;
}



/*nowa rejestracja*/
.v-form h1 {
    font-size: 32px;
    border-bottom: 8px solid #EEE;
    padding-bottom: 8px;    
}
.v-form h1 img {
    float: right;
    max-height: 48px;
    margin-top: -10px;   
}
.v-form fieldset {
    border: 1px solid #ddd;
    padding: 15px; 
    margin-top: 10px;
    margin-bottom: 15px;    
}
.v-form fieldset legend {
    width: auto;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 14px;  
    border-bottom: none;    
}
.v-form .radio input[type="radio"] {
    display: none;
}
.v-form .radio strong:before {
    box-sizing: border-box;
    content: "";
    display: inline-block;
    vertical-align: top;
    min-width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-left: -20px;
    border: 1px solid #aaa;
    border-radius: 50%;
    transition: border-color .3s;    
}
.v-form .radio strong:hover:before {
    border: 2px solid #999;
}
.v-form .radio input[type="radio"]:checked ~ strong:before {
    border: 2px solid #1bb826;
}
.v-form .radio input[type="radio"]:checked ~ strong:after {
    content: "";
    display: inline-block;
    position: absolute;
    transform-origin: top left;
    left: 6px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1bb826;
}
.v-form .panel-heading {
    padding-bottom: 6px !important;
    background: #fafafa;
    border-radius: 0;    
}
.v-form .panel-heading .panel-title {
    padding-top: 4px;
}
.v-form .panel-heading .radio input[type="radio"]:checked ~ strong:after {
    left: 16px;
    top: 17px;
}
.v-form .panel-heading .radio strong:before {
    vertical-align: text-bottom;
}
.v-form .btn-orange {
    background: #f97f1c !important;
    border: none;
    border-radius: 2px !important;
    color: #FFF !important;
    box-shadow: none !important;
    font-weight: 400; 
    height: auto;    
}
.v-form .btn-gray {
    background: #cacaca !important;
    border: none;
    border-radius: 2px !important;
    color: #FFF !important;
    box-shadow: none !important;
    font-weight: 400; 
    height: auto; 
    padding: 10px 20px;
    margin-bottom: 10px;
}
.v-form button[aria-expanded]:after {
    position: relative;
    top: 2px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;  
    padding-left: 10px;
}
.v-form .btn-gray[aria-expanded="false"]:after {
    content: "\e259";
}
.v-form .btn-gray[aria-expanded="true"]:after {
    content: "\e260";
}
.v-form .form-group {
    position: relative;
    margin-bottom: 20px;
}
.v-form .input-with-info {
    padding-right: 40px;
}
.v-form .input-with-info .portal-button-info {
    position: absolute;
    right: 0;
    top: 0;
    margin: 2px 0;
}
.v-form #toggle-password {
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 9px;
    font-size: 20px;
    opacity: 0.5;
    z-index: 99;    
}
.v-form #toggle-password[data-input="password"] .glyphicon-eye-open {display:none;}
.v-form #toggle-password[data-input="text"] .glyphicon-eye-close {display:none;}
.v-form input[type="text"],
.v-form input[type="password"]{
    transition: box-shadow .3s; 
    border-color: #999;
    height: auto;
    padding: 9px 12px;
}
.v-form input[type="text"]:hover,
.v-form input[type="password"]:hover{
    box-shadow: inset 0 0 0 1px #999;
}
.v-form .form-group label {
    font-weight: 400;
    position: absolute;
    left: 12px;
    top: 10px;
    color: #666;
    /*pointer-events: none;*/
    transition: all .3s;  
    z-index: 99;
}
.v-form .form-group input:focus ~ label,
.v-form .form-group.has-error label,
.v-form .form-group.has-success label {
    top: -10px;
    background: #FFF;
    font-size: 13px;
    left: 10px;
}
.v-form .form-group .info-block {
    font-size: 12px;
    color: #999;
    margin-top: 5px;    
}
.v-form .form-group .help-block {
    display: block;
}
.v-form .form-group .help-block {
    font-size: 12px;
}
.v-form .form-group.has-error .help-block {
    color: red;
}
.v-form .form-group.has-error {
    padding-bottom: 0;
}
.v-form .form-group.has-error input[type="text"],
.v-form .form-group.has-error input[type="password"],
.v-form .form-group.has-error select {
    border-bottom: 2px solid red !important;
}
.v-form .form-group.has-success input[type="text"],
.v-form .form-group.has-success input[type="password"],
.v-form .form-group.has-success select {
    border-bottom: 2px solid #1bb826 !important;
}
.v-form .radiobox {
    display: block;
    position: relative;
}
.v-form .checkbox label {
    padding-left: 30px;    
}
.v-form .radiobox label {
    font-weight: normal;
    padding-left: 25px;
}
.v-form .checkbox input[type="checkbox"],.v-form .radiobox input[type="radio"] {
    display: none;
}
.v-form .checkbox span:before,.v-form .radiobox span:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    min-width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    transition: border-color .3s;    
}
.v-form .radiobox span:before {
    border-radius: 100%;
}
.v-form .checkbox span:hover:before,.v-form .radiobox span:hover:before {
    border: 2px solid #999;
}
.v-form .checkbox input[type="checkbox"]:checked ~ span:before,
.v-form .radiobox input[type="radio"]:checked ~ span:before {
    border: 2px solid #1bb826;
}
.v-form .checkbox input[type="checkbox"]:checked ~ span:after,
.v-form .radiobox input[type="radio"]:checked ~ span:after {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    content: "\e013";
    color: #1bb826;
    position: absolute;
    left: 2px;
    top: 10px;    
}
.v-form .checkbox var {
    float: right;
    font-style: normal;
    color: #999;
}
.v-form .input-group-addon, .input-group-btn {
    width: 0.1%;
}
.v-form .choose-file {
    background: #8bc34a !important;
    border: none;
    border-radius: 2px !important;
    color: #FFF !important;
    box-shadow: none !important;
    font-weight: 400; 
    height: auto; 
    padding: 10px 20px;
}
.v-form .upload-file input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;    
}
.v-form .preview-file {
    background: #999999 !important;
    border: none;
    border-radius: 0px !important;
    color: #FFF !important;
    box-shadow: none !important;
    font-weight: 400; 
    height: auto; 
    padding: 10px 20px;
    display: none;
}
.v-form .delete-file {
    background: #f44336 !important;
    border: none;
    border-radius: 2px !important;
    color: #FFF !important;
    box-shadow: none !important;
    font-weight: 400; 
    height: auto; 
    padding: 10px 20px;
    display: none;
}
.v-form .upload-file .popover {
    min-width: 200px;
}
.v-form .upload-file label {
    display: none;
    top: -10px;
    background: #FFF;
    font-size: 13px;
    left: 10px;
    z-index: 99;    
}
.v-form .bootstrap-select {
    margin-bottom: 25px;
}
.v-form .bootstrap-select .btn-default {
    padding: 9px;
    border-color: #999;
}
.v-form .after-content:after {
    top: 35%;
}
.v-form .change-country,
.v-form .from-gus {
    display: none;
}
.v-form .collapse.important {
    display: block !important;
}
.v-form .help-block {
    display: block;
    width: 100%;
    position: relative;
}
.v-form .help-block:before {
    display: none;
}
/*v-select*/
.v-select select {
    transition: box-shadow .3s;
    border-color: #999 !important;
    height: auto;
    padding: 9px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    outline: none;
}
.v-select select:hover {
    box-shadow: inset 0 0 0 1px #999;   
}
.v-select label {
    top: -10px !important;
    background: #FFF;
    font-size: 13px;
    left: 10px !important;
}
.v-select:after {
    position: absolute;
    right: 10px;
    top: 13px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #666;
    font-size: 14px;
    content: "\e259";
    /*pointer-events: none;*/
}

/*nowe drzewko*/
.v-tree ul {
    margin: .5em 0 2em;
    padding: 0;
    line-height: 2em;    
}
.v-tree li {
    display: table;
    margin-bottom: 5px;
}
.v-tree li>* {
    display: table-cell;
}
.v-tree li:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e258";
    margin-right: 5px;
    padding: 2px 5px 2px 3px;
    color: #ccc;
    font-size: 10px;
}
.v-tree li a {
    font-weight: bold;
    width: 100%;
    line-height: 1.3em;
    padding-right: 5px;
    color: #333;
}
.v-tree li a:hover {
    text-decoration: none;
    color: #196392;
}
.v-tree li a.active {
    font-size: 16px;
    color: #196392;
}

/*v-more*/
.v-more {
    border: none;
    background: none;
    color: #196392 !important;
    outline: none; 
    cursor: pointer;
    text-decoration: none !important;
}
[data-more="ON"] .v-more:before {
    content: attr(data-more-on);
    padding-right: 0.5em;
}
[data-more="OFF"] .v-more:before {
    content: attr(data-more-off);
    padding-right: 0.5em;
}
[data-more="ON"] li:nth-of-type(1n+7) {
    display: none;
}
[data-more="ON"] .checkbox:nth-of-type(1n+3) {
    display: none;
}

/*v-collapse*/
.v-collapse-header {
    padding: 15px 35px 0 15px;
    font-size: 16px;
    color: #000 !important;
    text-decoration: none !important;
    display: block;
    position: relative;
    cursor: pointer;
    font-weight: 600;    
}
.v-collapse-header:after,.v-collapse-bar:after {
    position: absolute;
    right: 15px;
    top: 19px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #666;
    font-size: 16px;   
}
.v-collapse-header[aria-expanded="true"]:after,.v-collapse-bar[aria-expanded="true"]:after {
    content: "\e260";
}
.v-collapse-header[aria-expanded="false"]:after,.v-collapse-bar[aria-expanded="false"]:after {
    content: "\e259";
}
.v-collapse {
    padding: 15px 15px 0;
}
.v-collapse .checkbox {
    margin-bottom: 20px;
    margin-top: 0;    
}
.v-collapse .checkbox label {
    width: 100%;
}

/*v-fromto*/
.v-fromto {
    position: relative;
}
.v-fromto:before {
    content: "-";
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: 10px;
}

.v-ads {
    border: 6px solid #EEE;
    padding: 5px;
    display: table;
    table-layout: fixed;
    padding-top: 25px;
    padding-bottom: 10px;
    position: relative;    
}
.v-ads:before {
    content: attr(data-ads);
    display: inline-block;
    position: absolute;
    font-size: 12px;
    top: 2px;
    padding-right: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSIjNzY3Njc2Ij48cGF0aCBkPSJNMTYgMzBhMTQgMTQgMCAxIDEgMTQtMTQgMTQuMDE1IDE0LjAxNSAwIDAgMS0xNCAxNHptMC0yNmExMiAxMiAwIDEgMCAxMiAxMkExMi4wMTMgMTIuMDEzIDAgMCAwIDE2IDR6TTE1IDEzaDJ2MTBoLTJ6TTE1IDloMnYyaC0yeiIvPjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}
.v-ads>* {
    display: table-cell;
    width: 33.3%;
    vertical-align: top;
}
.v-ads>a {
    font-size: 13px;
    color: #222 !important;
    text-decoration: none !important;
}
.v-ads>*>img {
    float: left;
    margin-right: 5px;
}
.v-ads>*>p>a {
    display: block;
    margin-top: 10px;
}
.v-ads>*>p>var {
    font-size: 15px;
    display:block;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
}

/*v-pagination*/
.v-pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: right;
    list-style: none; 
}
.v-pager li {
    display: inline;
}
.v-pager input {
    transition: box-shadow .3s;
    border-color: #999;
    height: auto;
    padding: 9px 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px; 
    outline: none !important;
    width: 70px;
    text-align: center;    
}
.v-pager input[type="text"]:hover {
    box-shadow: inset 0 0 0 1px #999;
}
.v-pager span,.v-pager a {
    padding: 9px;
    color: inherit;
    text-decoration: none !important;
}
.v-pager a:hover,
.v-pager .active a {
    color: #f60;
}
.v-pager .next a,
.v-pager .prev a {
    color: #196392; 
}
.v-pager .next a:after {
    content: "\e258";
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3em;
    color: #777 !important;
}
.v-pager .prev a:before {
    content: "\e257";
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3em;
    color: #777 !important;
}
.v-pager .info {
    float: left;
    font-size: 14px;
    color: #999;
}

/*nowa księgarnia*/
.v-book {position:relative;}
.v-book-row {
    border-bottom: 1px solid #bbb;
    display: block;
    width: 100%;
    padding: 15px 10px;
    position: relative;
    color: #111;
}
.v-book-row.promoted {
    background: #ecf3f9 !important;
}
.v-book-row:hover,.v-book-row:active,.v-book-row:focus {
    background: #EEE;
    text-decoration: none;
    color: inherit;
}
.v-book-row figure,.v-book-info {
    display: table-cell;
    position: relative;
    width: 0px;
}
.v-book-row figure img {
    border: 1px solid transparent;
}
.v-book-row:hover figure img,.v-book-row:active figure img,.v-book-row:focus figure img {
    border: 1px solid #bbb;
}
.v-book-info {
    width: 100%;
    vertical-align: top;
    padding: 10px;
}
.v-book-info h4 {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
}
.v-book-info var {
    font-size: 19px;
    display:block;
    margin-top: 10px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
}
.v-book-buy {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
}
.open .v-book-modal {
    display: block;
}
.v-book-modal {
    display: none;
    position: absolute;
    left: 150px;
    top: -80px;
    background: #FFF;
    padding: 15px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 35%);
    z-index: 99;   
    height: auto;
    width: 700px;
}
.v-book-modal > * {
    display: table-cell;
    vertical-align: top;
}
.v-book-modal > div {
    padding: 0 10px;
    font-size: 14px;
}
.v-book-modal h5 {
    font-size: 16px;
    font-weight: 600;
}
.v-book-modal small {
    display: block;
}
.v-book-modal var {
    font-size: 21px;
    display:block;
    margin-top: 10px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
}
.v-book-modal hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.v-book-modal .carousel {
    margin-top: 10px;
}
.v-book-modal .item {
    margin-left: 15px;
    padding-top: 1px;
    height: 82px;
}
.v-book-modal .item>* {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.v-book-modal .carousel-control {
    background: none !important;
    color: #000;
    text-shadow: none;
    width: 15px;
    top: 30px;
}
@media(max-width:1199px){
    .v-book-modal {width:500px;}
    .v-book-modal>figure>img {width:188px;}
    .v-book-modal .carousel-control {top:70px;}
}
@media(max-width:767px){
    .v-book-modal {display:none !important;}
}

/*v-figure*/
.v-figure {
    cursor: pointer;
}
.v-figure:hover {
    box-shadow: #999 0 0 0 1px;
}
.v-figure.active {
    box-shadow: #F60 0 0 0 1px;
}

/*v-grid-button*/
.v-grid-button>* {display:none;}
.v-grid-button[data-status="ON"]>*[data-on="true"] {display: inline-block;}
.v-grid-button[data-status="OFF"]>*[data-off="true"] {display: inline-block;}

/*v-grid*/
.v-grid .v-book {
    width: 33.3%;
    float: left;
}
.v-grid .v-book-row figure {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 120px;
}
.v-grid .v-book-row figure img {
    width: 100%;
}
.v-grid .v-book-info {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-left: -10px;
}
.v-grid .v-book-info small,.v-grid .v-book-info br,.v-grid .v-book-buy {
    display: none;
}
.v-grid .v-book-row:hover .v-book-info small,.v-grid .v-book-row:hover .v-book-info br {
    display: inline;
}
.v-grid .v-book-info h4 {
    height: 2.3em;
    overflow: hidden;
}
.v-grid .v-book-row:hover {
    z-index: 99;
    box-shadow: #000 0 0 40px -20px;
}
.v-grid .v-book-row:hover .v-book-info {
    bottom: -70px;
    background: #EEE;
    border-bottom: 1px solid #aaa;
    box-shadow: #000 0 30px 60px -20px;
}
.v-grid .v-book-row.promoted:hover .v-book-info {
    background: #ecf3f9 !important;
}
.v-grid .v-book-row:hover .v-book-buy {
    display: block;
    z-index: 9;
    bottom: -59px;
}
@media(max-width:1199px){
    .v-grid .v-book-row .v-book-buy {display: none !important;}
}
@media(max-width:767px){
    .v-grid .v-book {width: 50%;}    
}

.v-grid .v-book.open .v-book-modal {
    display: none !important;
}

/*v-book-add-item-to-cart*/
.v-book-add-item-to-cart {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;    
}

/*v-bottom-links*/
.v-bottom-links {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 10px;   
    width: 100%;
    padding-right: 20px;    
}
.v-bottom-links li {
    border-top: 1px solid #ddd;
    padding: 8px 0;
}

/*v-modal*/
.v-modal {
    z-index: 99999999;
    top: 100px;    
}
.v-modal .modal-dialog {
    width: 900px !important;
    max-width: 99%;
}
.v-modal .modal-content {
    border-radius: 0;
}
.v-modal .modal-header,
.v-modal .modal-footer {
    margin: 20px;
    padding: 10px 0;
}
.v-modal .modal-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
.v-modal .modal-body {
    padding: 0 20px;
    margin: -10px 0;    
}
.v-modal .modal-body .modal-title {
    font-size: 18px;
    margin-bottom: 10px;
}
.v-modal figure .v-more {
    font-size: 12px;
    margin-top: 10px;
    display: block;
} 


/*fbfix*/
.fb_iframe_widget iframe {
    width: 180px !important;
}

/*main*/
.v-book-modal.added-item-to-cart .item-no-cart {
    display:none;
}
.v-book-modal .item-in-cart {
    display:none;
}
.v-book-modal.added-item-to-cart .item-in-cart {
    display:block;
}
.lorem .table>thead>tr>th, 
.lorem .table>tbody>tr>th, 
.lorem .table>tfoot>tr>th, 
.lorem .table>thead>tr>td, 
.lorem .table>tbody>tr>td, 
.lorem .table>tfoot>tr>td {
    border-color: #999;
}
.lorem table[border="1"] td {
    border: 1px solid #999 !important;
}
big.bigger {
    font-size: 26px;
    padding-top: 5px;
    display: block;
    color: #111;
    white-space: nowrap;
}
.btn-action {
    background: #196392 !important;
    border-color: #196392 !important;
    color: #FFF !important;
}
body.radius .btn {
    border-radius: 3px !important;
}
.btn-green {
    background: #009688 !important;
    border-color: #009688 !important;
    color: #FFF !important;
}
#v-basket table td {vertical-align:middle;width:100%;border-bottom: 1px solid #DDD;}
#v-basket table th {vertical-align:middle;width:100%;font-weight:normal;}
#v-basket table tr>th:first-child,
#v-basket table tr>td:first-child {width:20px;}
#v-basket .block-row>* {vertical-align:middle;}

#v-basket .table>tbody>tr>td, 
#v-basket .table>tbody>tr>th, 
#v-basket .table>tfoot>tr>td, 
#v-basket .table>tfoot>tr>th, 
#v-basket .table>thead>tr>td, 
#v-basket .table>thead>tr>th {
    border-top: none;
}

#v-basket input {width:40px;text-align: center; border-radius: 3px 3px 0 0 !important;font-weight:bold;
    padding-left: 0;
    padding-right: 0;
}
#v-basket-summary {
    width: 70px !important;
    display: inline-block;
    font-size:16px;
}
.inline {
    display: inline-block !important;
}
.full {
    width: 100%;
    display: block;
}
.tendershtml > header {
    display: block !important;    
}
.tendershtml main > h1 {
   font-size: 26px; 
}
.tendershtml main > h2 {
   font-size: 23px; 
}
.tendershtml main > h3 {
   font-size: 18px; 
   text-align: left;
   line-height: 24px;
}
.tendershtml main > h3 br {
    display: none;
}

.v-more .caret {
    border: none;
    height: auto;
    width: auto;
}
.v-more .caret:before {
    content: "\e259";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #666;
    font-size: 16px;
}
.open .v-more .caret:before {
    content: "\e260";
}
.v-more[disabled] {
    color: #999 !important;
    cursor: not-allowed;
}
#v-order table td {vertical-align:middle;width:100%;border-bottom: 1px solid #DDD;}
#v-order table th {vertical-align:middle;width:100%;font-weight:normal;}
#v-order .block-row>* {vertical-align:middle;}
#v-order .table>tbody>tr>td, 
#v-order .table>tbody>tr>th, 
#v-order .table>tfoot>tr>td, 
#v-order .table>tfoot>tr>th, 
#v-order .table>thead>tr>td, 
#v-order .table>thead>tr>th {
    border-top: none;
}

/*v-radios*/
.v-radios .btn {
    text-align: left;
    background: transparent !important;
    outline: none !important;
    padding: 10px 5px;
}
.v-radios .btn.active {
    box-shadow: #1bb826 0 0 0 2px;
}
@media(max-width:767px){
    .btn-group-justified>.btn, .btn-group-justified>.btn-group {
        display: block;
        width: 100%;
    }
}               







/*ezo-help*/
#ezo-help-button {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: -8px;    
}    
#ezo-help,#ezo-help-copy {
    font-size: 16px;
}
#ezo-help p,#ezo-help-copy p {
    display: table;
}
#ezo-help big,#ezo-help-copy big {
    font-size: 24px;
    font-weight: 500;
    display: table-cell;
    padding-right: 10px;
}
#ezo-help .modal-dialog {
    width: 90%;
    max-width: 1000px;
    margin-top: 70px;
}
.modal.relative {
    display: block;
    position: relative;
    opacity: 1;
    z-index: 9 !important;
}
.modal.relative .modal-dialog {
    width: 100% !important;
    margin: 0 !important;
    transform: none;
}
.modal.relative .modal-content {
    box-shadow: none;
    border: none;
} 
.modal.relative ~ #ezo-form {
    display: none;
}

/*w3c fix*/
.dropdown-menu.dropdownoff {
    display: block; position: relative; border: none; box-shadow: none; width: 100%; padding: 2px; margin: 0 0 5px;
}
.dropdown-menu.dropdownoff>li>a {
    padding: 3px 2px;
}
.nocontent {
    display: block !important;
}
.nocontent:before,
.nocontent:after {
    display: none;
}
li.pull-right a.btn.action {
    color: #999;
    padding: 8px 0;
}
li.pull-right a.btn.action:hover {
    color: #196392;
}

/*seo fix*/
#seoh1 {
    font-size: 24px;
    text-align: center;
    font-weight: 100;
    letter-spacing: -1px;
    text-shadow: rgb(0 0 0 / 30%) 3px 3px 3px;
}
.header > h1,
.header > h2 {
    line-height: 1.5em;
    display: inline-block;
    border-bottom: 4px solid rgba(0,0,0,0.3);
    margin-left: 1em;
    margin-right: 1em;
    padding: 10px 0px;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0; 
}
h3.seo {
    font-size: 14px;
}
.header small {
    line-height: 2.4em;
    font-size: 14px;
}
/**/
#seoh1 {display:none;} 
/**/


/*cookies*/
#cookies_message {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1001;
    display: none;
	/*-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);*/
	background: #f0f0f0;
        border-top: 2px solid #bbb;
}
#cookies_message:before {
    background: #f0f0f0;
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
}
#cookies_frame {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 15px;
	max-width: 1300px;
	margin: 0 auto;
	z-index: 10000;
    position: relative;
}
#cookies_content {
    font-size: 14px;
    text-align: left;
    padding: 17px 0;
	color: #222;
}
#cookies_content a {
	color: #337ab7;
}	
#cookies-close-accept, #cookies-close-deny, #cookies-close-settings {
    margin-left: 10px;
    padding: 8px 10px;
    font-size: 14px;
    margin-bottom: 10px;
	background-color: #fff;
    border-color: #cecece;
	border-width: 2px;
	cursor: pointer;
}
#cookies-close-deny {
	background-color: #c20501;
    border-color: #f03f3b;
    color: #fff;
}
#cookies-close-accept {
    background-color: #4caf50;
    border-color: #8bc34a;
    color: #fff;
}
@media(max-width:559px){
#cookies_frame {
	display: block !important;
}
#cookies-close-accept, #cookies-close-deny, #cookies-close-settings {
	margin-left: 0;
	margin-right: 10px;
}
}
#cookie-modal,.cookie-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
        z-index: 999999;
    outline: 0;
	display: none;
	margin: 0 15px;
}
#cookie-modal .modal-dialog,.cookie-modal .modal-dialog{
	max-width: 600px;
	margin: 80px auto;
}
#cookie-modal .modal-content,.cookie-modal .modal-content {
    border-radius: 0px;
	border: 1px solid rgba(0,0,0,.2);
	position: relative;
    background-color: #fff;
	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}
#cookie-modal .modal-header,.cookie-modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
#cookie-modal .modal-title,.cookie-modal .modal-title {
	margin: 0;
    line-height: 1.42857143;
}
#cookie-modal .modal-header .close,.cookie-modal .modal-header .close{
    display: inline-block;
    color: #000;
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-color: #ddd;
	opacity: 1;
	text-shadow: none;
	font-weight: 200;
	float: right;
	border: none;
	font-size: 21px;
}
#cookie-modal .panel-body,.cookie-modal .panel-body {
	font-size: 14px;
}
#cookie-modal .row:before,#cookie-modal .row:after {
	display: table;
    content: " ";
	clear: both;
}
#cookie-modal .col-sm-12 {
    width: 100%;
	min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float: left;
	box-sizing: border-box;
}
#cookie-modal .col-sm-10 {
    width: 100%;
	min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float: left;
	box-sizing: border-box;
}
#cookie-modal .col-sm-2 {
    width: 100%;
	min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float: left;
	box-sizing: border-box;
}
#cookie-modal h4,.cookie-modal h4 {
	margin-top: 10px;
    margin-bottom: 10px;
}
#cookie-modal .toggle-switch {
    display: inline-flex;
    align-items: center;
    user-select: none;
    position: relative;
    vertical-align: middle;
    margin-bottom: 20px;
}
#cookie-modal .toggle-switch>input {
    position: absolute;
    opacity: 0;
}
#cookie-modal .toggle-switch>input+.toggle {
	width: 60px;
	height: 30px;
	cursor: pointer;
	background: #ccc;
	transition: all 200ms linear;
}
#cookie-modal .toggle-switch>input:checked+.toggle {
    background: #4caf50;
	transition: all 200ms linear;
}
#cookie-modal .toggle-switch>input+.toggle>.switch {
    width: 30px;
	display: block;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
    box-sizing: border-box;	
	background: #fff;
	border: 3px solid #ccc;
	transition: border 200ms linear;
}
#cookie-modal .toggle-switch>input:checked+.toggle>.switch {
	border: 3px solid #4caf50;
	left: auto;
	right: 0;
	transition: border 200ms linear;
}
@media(min-width:560px){
#cookie-modal .col-sm-10 {
    width: 83.33333333%;
}
#cookie-modal .col-sm-2 {
    width: 16.66666667%;
}
}
@media(max-width:557px){
#cookie-modal .panel-body,.cookie-modal .panel-body{
    max-height: 80vh;
    overflow: auto;
}
}
.cookie-modal .btn-cookie-black,.cookie-modal .btn-cookie-green {
    background: #111 !important;
    border-radius: 0 !important;
    padding: 10px; 
    height: auto;
    color: #fff !important;
    border: none;
}  
.cookie-modal .btn-cookie-green {
    background: #4cb050 !important;
}
.cookie-modal {box-shadow: rgba(0,0,0,.5) 0 0 0 2000px;}
.cookie-modal .modal-dialog {
    box-shadow: rgba(0,0,0,.5) 0 0 0 2000px;
    overflow: hidden;
}

/*article #comments*/
#comments .media {
    margin-bottom: 15px;
}
#comments .media-left {
    min-width: 70px;
}
#comments .media-object {
    border-radius: 100%;
}
#comments .media-body {
    font-size: 0.9em;
    line-height: 1.5em;
}
#comments mark {
    margin: 0 0 3px;
    display: inline-block;
}
#comments .media a {
    display: inline-block;
    margin: 3px 0 0;
    color: #196392;
    text-decoration: underline;
}
#comments .portal-hr {
    margin: 1em 0;
    border-top: 2px dashed #eee;
}
#comments textarea {
    resize: vertical;
}
#comments .btn-vmanager {
    line-height: 1.8em;
}

/*product_price*/
.product_price {
    margin-bottom: 16px;
}
.product_price_gross {
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Open Sans Condensed',sans-serif;
}
.product_price_net {
    text-align: right;
    font-size: 0.9em;
}
.product_price_details {
    text-align: right;
    font-weight: 600;
}


/*cookies*/
.morebutton {
    height: auto;
    overflow: hidden;
    position: relative;
}   
.morebuttonopen {
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: right;
    border-top: 2px solid #ddd;
}
.morebuttonclose {
    display: none;
    text-align: right;
    border-top: 2px solid #ddd;
}
.morebutton table {
    font-size: 0.8em;
    margin-bottom: 0;
}
.morebutton th {
    font-weight: normal;
    background: #f5f5f5;
}
.morebutton  .table>tbody>tr>td {
    border-color: #ddd;

}
.fixwrap {
    display: block;
    text-overflow: ellipsis;
    width: 75%;
    max-width: 90vw;
    overflow: hidden;
    margin-bottom: -1em;
}

/*placeholder osm*/
.placeholder-osm {position: relative; width: 100%; min-height: 300px;}
.placeholder-osm:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/mapa.webp');
    background-size: cover;
    opacity: 0.2;
}
.placeholder-osm button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.placeholder-osm.loaded {
    background: #f0f0f0;
}
.placeholder-osm.loaded:before{
    display: none;
}
Creat By MiNi SheLL
Email: jattceo@gmail.com